大众计算机学习网

专门提供各种电脑教程

jquery ajax ashx示例

Admin | 2016-7-28 9:15:28 | 被阅次数 | 1869

  下面为大家介绍,在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();
   }