jquery AJAX返回的有关问题
日期：2014-05-17 浏览次数：20436 次
jquery AJAX返回的问题
<script type="text/javascript">
$(function () {
$("#selPro").change(function () { //省份下拉菜单的change事件
var params = '{str:"' + $(this).val() + '"}'; //此处参数名要注意和后台方法参数名要一致
alert(params);
alert("执行了");
$.ajax({
type: "POST", //提交方式
url: "test1.aspx/ShowCity", //提交的页面/方法名
data: params, //参数（如果没有参数：null）
dataType: "text", //类型
contentType: "application/json; charset=utf-8",
success: function (msg) {
$('#tipsDiv').text("查询成功!");
$("#selCity option").each(function () {
$(this).remove(); //移除原有项
});
$("<option value='0'>===请选择===</option>").appendTo("#selCity"); //添加一个默认项
$(eval("(" + msg + ")").d).appendTo("#selCity"); //将返回来的项添加到下拉菜单中
},
error: function (xhr, msg, e) {
alert(msg);
}
});
});
});
</script>
test1.aspx 是本页面 进入 ajax里面 就会直接alert（error） 方法体内我看了很久 看不出什么问题 请大家帮忙解决下
------解决方案--------------------
用firedebug看看，或者IE本身也有调试，看里面具体报错的代码还有innerExce是什么。ajax开发必须要掌握浏览器调试，不然很多返回的问题都不好排查。
------解决方案--------------------
参数名称要一致
给你个完整的例子
<script type="text/javascript">
$(function () {
$("#selPro").change(function () { //省份下拉菜单的change事件
var params = '{str:"' + $(this).val() + '"}'; //此处参数名要注意和后台方法参数名要一致
alert(params);
alert("执行了");
$.ajax({
type: "POST", //提交方式
url: "test1.aspx/ShowCity", //提交的页面/方法名
data: params, //参数（如果没有参数：null）
dataType: "text", //类型
contentType: "application/json; charset=utf-8",
success: function (msg) {
$('#tipsDiv').text("查询成功!");
$("#selCity option").each(function () {
$(this).remove(); //移除原有项
});
$("<option value='0'>===请选择===</option>").appendTo("#selCity"); //添加一个默认项
$(eval("(" + msg + ")").d).appendTo("#selCity"); //将返回来的项添加到下拉菜单中
},
error: function (xhr, msg, e) {
alert(msg);
}
});
});
});
</script>
test1.aspx 是本页面 进入 ajax里面 就会直接alert（error） 方法体内我看了很久 看不出什么问题 请大家帮忙解决下
------解决方案--------------------
用firedebug看看，或者IE本身也有调试，看里面具体报错的代码还有innerExce是什么。ajax开发必须要掌握浏览器调试，不然很多返回的问题都不好排查。
------解决方案--------------------
参数名称要一致
给你个完整的例子
- HTML code
jQuery Ajax 调用后台方法返回 DataSet 或者 DataTable 的例子
直接拷贝源代码粘贴成aspx文件即可运行看效果。
ASPX 代码
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
/// <summary>
/// param1 param2 对应前面js传递来的参数。
/// </summary>
/// <param name="param1"></param>
/// <param name="param2"></param>
/// <returns></returns>
[System.Web.Services.WebMethod]
public static string GetDataTable(String param1, String param2)
{
return DataTable2Json(CreateDataTable(param1, param2));
}
public static System.Data.DataTable CreateDataTable(String param1, String param2)
{
System.Data.DataTable dataTable1 = new System.Data.DataTable("BlogUser");
System.Data.DataRow dr;
dataTable1.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
dataTable1.Columns.Add(new System.Data.DataColumn("UserName", typeof(System.String)));
dataTable1.PrimaryKey = new System.Data.DataColumn[] { dataTable1.Columns["UserId"] };
for (int i = 0; i < 8; i++)
{
dr = dataTable1.NewRow();
dr[0] = i;
dr[1] = "【孟子E章】" + i.ToString() + " 前端传递的参数的值分别是:" + param1 + ", " + param2;
dataTable1.Rows.Add(dr);
}
return dataTable1;
}
public static string DataTable2Json(System.Data.DataTable dt)
{
StringBuilder jsonBuilder = new StringBuilder();
jsonBuilder.Append("{\"");
jsonBuilder.Append(dt.TableName.ToString());
jsonBuilder.Append("\":[");
for (int i = 0; i < dt.Rows.Count; i++)
{
jsonBuilder.Append("{");
for (int j = 0; j < dt
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
