使用jquery实现ajax

本文关键字：ajax 实现 jquery 使用 | 更新日期: 2023-09-27 17:59:44

我尝试使用jQuery实现ajax。这是我第一次在按钮中使用ajax.so，点击我需要显示当前日期时间。为此，我写了以下代码

//================aspx页面=============

<script type="text/javascript">
    $(document).ready(function (){
        var Button1 = $("#Button1");
        var Label1 = $("#Label1");
        Button1.click(function (){
          $.ajax({
                type: "POST",
                url: "/myownajax14/WebService/WebService1.asmx/GetDateTime",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    $("#Label1").text(msg.d);
                    //alert('hi');
                    },
                error:alert('error');     
            });     
        });
    });

//====================asmx.cs页面=============

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService
{
    [WebMethod]
    public string GetDateTime()
    {
        return DateTime.Now.ToString();
    }
}

我的问题是，它没有给出答案。。并且它没有显示任何错误。这个代码有错吗？请帮帮我。

使用jquery实现ajax

我也遇到了类似的问题，很简单，试试这个：

您需要指定type="button"属性。

contentType:"application/json；"表示客户端需要服务器来响应json类型的数据。但服务器的响应却是字符串类型1。

在"成功"块中，"消息"必须类似于"2010-10-10"，因此错误发生在消息.d.中

对于字符串类型的数据，或者在服务器代码中响应json类型的数据（例如{"y"：2010，"m"：10，"d"：10}），请尝试以下操作。

contentType: "application/text; charset=utf-8",
success: function (date) {
    $("#Label1").text(date);
}

您是否尝试过使用浏览器直接访问ASMX？这样，你就可以很容易地看到你的ASMX正在产生什么样的反应。。。

相关文章：