下面为大家介绍,在asp.net环境下,通过ashx作为后台文件,前台使用jquery ajax技术,客户端与服务器之间相互通讯交换数据的一个简单完整示例。
jquery ajax,本例子使用的是文本方式进行传输。
一、前台文件及代码
①jquery.js,需要使用到该库,可以到网上下载。
②前台代码
function MyAjax()
{
var MyGetData="";
jQuery.ajax(
{
async: false,//false为同步请求
url:"Common1.ashx",
data:{Part1:1,Part2:"Two"},
type:"post",
cache:false,
//contentType: "application/json;charset=utf-8",
dataType: "text",
success:function(Result)
{
//alert(Result.split(",")[2]);
MyGetData=Result;
},
error: function(xhr,status,error)
{
if (xhr == 'undefined' || xhr == undefined)
{
alert('undefined');
}
else
{
alert('object is there');
}
alert(status);
alert(error);
}
});
alert(MyGetData);
}
注意,前台使用的时候,直接调用函数名称即可,如:MyAjax();
二、后台ashx代码
public void ProcessRequest(HttpContext context)
{
context.Response.Write("你好,这里是返回的信息,大众计算机学习网欢迎您");//返回给xmlHttp
context.Response.End();
}