js与jQuery实现的兼容多浏览器Ajax请求实例

        }
        function beforeSend(XMLHttpRequest)
        {
              $("#showResult").append("<div>发送请求…..<div>");
              
        }
        function callback(msg)
        {
              $("#showResult").append("<div>请求成功，回传数:"+msg+"<div>");        
        }
    </script>
html代码如下：
　 <input value="Text_ajax函数" type="button" onclick="Text_ajax()"/>
    <div id="showResult">   
</div>
响应页面JQueryAJAX.aspx
后台代码：
　 protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write("呵呵！测试成功啦！");
    }

三、关于jQuery Ajax中文乱码问题

方法一:提交前采用encodeURI两次编码,记住一定是两次

1.修改以下代码
data:{id:1, type:encodeURI(encodeURI('商品'))}
2.在后台action里要对取得的字符串进行decode
String type = request.getParameter("type");
type = URLDecoder.decode(type, "UTF-8");

方法二:ajax配置contentType属性,加上charset=UTF-8

在ajax方法中加入以下参数
contentType: "application/x-www-form-urlencoded; charset=UTF-8″使用其它js框架或者xhr都是差不多,设置header中contentType即可,

这里关键是charset=UTF-8,如果没有这个,是不行的,默认jQuery里的contentType是没有的.
此外还需要补充一下jQuery里对参数已经进行了一次encodeURIComponent的处理。

相比较而言，方法二在action里不需要进行decode,所以推荐使用此方法.

希望本文所述对大家的Ajax程序设计有所帮助。