Question

jquery调用后台方法？

$(document).ready(function() {
$('#btn1').click(function() {
$.ajax({
type: "POST", //访问WebService使用Post方式请求
contentType: "application/json", //WebService 会返回Json类型
url: "Default.aspx/HelloWorld", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
data: "{}", //这里是要传递的参数，格式为 data: "{paraName:paraValue}",下面将会看到
dataType: 'text',
success: function(result) { //回调函数，result，返回值
alert(result.d);
}
});
});
});

contentType: "application/json", 与dataType: 'text',
有矛盾吗？

Answer 1

1.新建demo.aspx页面。
2.首先在该页面的后台文件demos.aspx.cs中添加引用。
using System.Web.Services;
3.无参数的方法调用.
大家注意了，这个版本不能低于.net framework 2.0。2.0已下不支持的。
后台代码：[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
} JS代码：

$(function() {
$("#btnOK").click(function() {
$.ajax({
//要用post方式
type: "Post",
//方法所在页面和方法名
url: "Demo.aspx/SayHello",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的数据用data.d获取内容
alert(data.d);
},
error: function(err) {
alert(err);
}
});

//禁用按钮的提交
return false;
});
});

页面代码：
<form id="form1" runat="server">
<div>
<asp:Button ID="btnOK" runat="server" Text="验证用户" />
</div>
</form>
3.有参数方法调用
后台代码：[WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
} JS代码：

$(function() {
$("#btnOK").click(function() {
$.ajax({
type: "Post",
url: "demo.aspx/GetStr",
//方法传参的写法一定要对，str为形参的名字,str2为第二个形参的名字
data: "{'str':'我是','str2':'XXX'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的数据用data.d获取内容
alert(data.d);
},
error: function(err) {
alert(err);
}
});

//禁用按钮的提交
return false;
});
});

Answer 2

contentType: "application/json", 与dataType: 'text',
后面的是返回的数据是文本形式，前面的就不太清楚了 我一般返回的都是用的后面的这种形式 后面的用的比较多 呵呵

Answer 3

contentType: "application/json", 与dataType: 'text',
后面的是返回的数据是文本形式，前面的就不太清楚了 我一般返回的都是用的后面的这种形式