ajax 脚本警报 jquery

Question

我创建了静态 Web 方法，然后我尝试将其调用到这样的脚本中

更新脚本

<script type="text/javascript">
    debugger;
    alert("1");
    $(function () {
        $.ajax({
            type: "GET",
            url: "Maintenance.aspx/data_call",
            //data: "",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            async: true,
            cache: false,
            success: function (result) {
                alert("12");
                debugger;
                var re = JSON.parse(result.d).response;
                debugger;

                console.log(JSON.parse(result.d).response);
                debugger;
            },
            error: function (error) {
                alert(Error);
            }
        });
    });
</script>

更新

代码

 [WebMethod]
 public static string data_call()
    {
        string result="";
        Data td=new Data();
        List<spselect_data_Result> selectdata=td.spselect_data().ToList();
        DataTable dt=new DataTable();
        dt.Columns.Add("RegionID",typeof(int));
        dt.Columns.Add("Region",typeof(string));
        dt.Columns.Add("StartDate",typeof(DateTime));
        dt.Columns.Add("EndDate",typeof(DateTime));

        foreach(var add in selectdata)
        {
            dt.Rows.Add(add.RegionID,add.Region,add.StartDate,add.EndDate);
        }
        result=DataSetToJSON(dt);
        return result;
    }


      public static string DataSetToJSON(DataTable dt)
    {

        Dictionary<string, object> dict = new Dictionary<string, object>();

        object[] arr = new object[dt.Rows.Count + 1];

        for (int i = 0; i <= dt.Rows.Count - 1; i++)
        {
            arr[i] = dt.Rows[i].ItemArray;
        }

       // dict.Add(dt.TableName, arr);
        dict.Add("response", arr);

        JavaScriptSerializer json = new JavaScriptSerializer();
        return json.Serialize(dict);                               
    }

protected void Page_Load(object sender, EventArgs e)
        {
           // data();
        }

当我调试代码时，会出现这样的警报

function Error (){[native code]}

当我在 jquery 上设置调试器并检查然后调试器出现警报 1 然后在这一行 $(function() { 然后在这之后直接在这一行执行意味着 ajax 不调用

首先我尝试在控制台上显示数据

控制台错误加载资源失败：服务器响应状态为 500（内部服务器错误）

当我尝试这个时，电话只显示alert("1") 。 alert("12")没有被调用。 问题出在哪儿？

Answer 1

此问题可能是由 web.config 文件中的 maxJsonLength 属性引起的。 要解决此问题，您可以更改 web.config 上的 MaxJsonLength 属性：

<configuration> 
   <system.web.extensions>
       <scripting>
           <webServices>
               <jsonSerialization maxJsonLength="50000000"/>
           </webServices>
       </scripting>
   </system.web.extensions>
</configuration>  

MaxJsonLength 属性是一个整数属性，默认设置为 102400(100k) 并且不能是无限的。

Answer 2

我在您发布的代码中看到了一些问题。

首先，您不需要type: "POST"因为您没有发布/发送任何数据。

所以在ajax请求中更新那部分。

$(function() {
        $.ajax({
            type: "GET",
            url: "Maintenance.aspx/YourMethod",           
            contentType: "application/json;charset=utf-8",
            dataType: "json",  
            success: function (result) {
                alert("12");
                debugger;                 
            },
            error: function (error) {
                alert(Error);
            }
        });
});

否则要与帖子一起工作，您将必须设置

data: "{}",

在 ajax 请求中查看而不是设置cache:false从一个常见的地方设置它，比如

$(document).ready(function() {
  $.ajaxSetup({ cache: false });
});

接下来在服务器端不需要在页面加载时调用方法data 。

直接在页面加载之外的类中编写即可。并从System.web.services添加属性WebMethod 。

[WebMethod]
public static string YourMethod()
{
return "whatever you want";    
}

注意：还有一件事我注意到您将方法名称设为data ，因此我的建议是将其更改为有意义的内容，因为 data 是一个 ajax 调用参数键，并且可能会发生冲突。