本文将与大家分享基于jQuery的Ajax的实现代码，验证用户名的存在，需要的代码农民可以参考本文的源代码。

jQuery.ajax概述

加载远程数据的HTTP请求。

由jQuery底层AJAX实现。见$。得到，$。岗位等。易于使用的高级实现。$.ajax()返回它创建的XMLHttpRequest对象。在大多数情况下，您不需要直接操作对象，但是在特殊情况下，可以使用它来手动终止请求。

$.ajax()只有一个参数：parameter key/value对象，它包含每个配置和回调函数的信息。详细参数选项见下文。注意：如果您指定了数据类型选项，请确保服务器返回正确的MIME信息(例如，xml返回“文本/xml”)。的错误MIME类型可能会导致不可预测的错误。

注意：如果数据类型设置为“脚本”，当远程请求时(不在同一个域中)，所有开机自检请求将被转换为获取请求。(因为加载会用到DOM的脚本标签)在jQuery 1.2中，可以跨域加载JSON数据，使用时需要将数据类型设置为JSONP。以JSONP形式调用函数时，比如myurl？回调=？”jQuery会被自动替换吗？是执行回调函数的正确函数名。当数据类型设置为‘jsonp’时，jQuery会自动调用回调函数。

参数列表：

有几个Ajax事件参数：beforeSend、成功、完成和错误。我们可以定义这些事件来很好地处理我们的Ajax请求。注意这些Ajax事件中的这个都指向Ajax请求的选项信息(说get()方法的时候请参考这个的图片)。请仔细阅读以上参数表。如果您想使用jQuery进行Ajax开发，您必须熟悉所有这些参数。示例：

1.请求页面AJax.aspx

HTML代码

Div输入id=' txt name ' type=' text '/input type=' button ' value='检查用户名是否存在' id=' BTN' onclick='判断用户名()；'/div id=' show result ' style=' float 3360 left ' div js代码。

脚本类型='text/javascript ' src=' http : CSS/jquery-1 . 3 . 2 . js '/脚本脚本类型=' text/JavaScript '函数判断UserName() {$。Ajax ({type:' get '，URL : ' ajasuserinfomodify . aspx '，datatype3360' html '，data : ' username=' $(' # txt name ')。在send:函数(xmlhttprequest)之前的val()。//暂停(这个，100000)；}，success : function(msg){ $(' # showResult ')。html(msg)；$('#showResult ')。css('color '，' red ')；}，complete : function(xmlhttprequest，text status){//隐藏正在查询的图片}，error 3360 function(){//错误处理} })；} /script 2，第AjaxUserInfoModify.aspx页

背景代码

受保护的void Page_Load(对象发送者，事件参数e) {字符串用户名=请求。查询字符串['用户名']。ToString()；if(username==' James Hao '){ response . write(' username已经存在！');} else {Response。写('你可以使用这个用户名！');}}以上就是本文的全部内容，希望对大家的学习有所帮助。