jquery异步处理.docVIP

Jquery核心之一 ajax： load url,[data],[callback] 载入远程HTML文件代码并插入至DOM中 url String ：请求的HTML的URL地址。 Data Map ：（可选参数）发送至服务器的key/value数据。 Callback（callback）：（可选参数）请求完成是（不需要是success的）的回调函数 $ “.ajax.load” .load “” 通常，我们只需简单地把一些参数传递给服务器中的某个页面。正如您所预料的，使用 jQuery 实现这一操作非常地简单。您可以使用 $.post 或者 $.get ，这由所需的方法决定。如果需要的话，您还可以传递一个可选的数据对象和回调函数。显示了一个发送数据和使用回调的简单示例。 2. 使用 Ajax 向页面发送数据 $.post save.cgi, text: my string, number: 23 , function alert Your data has been saved. ; ; 如果您确实需要编写一些复杂的 Ajax 脚本，那么需要用到 $.ajax 函数。您可以指定 xml、script、html 或者 json，jQuery 将自动为回调函数准备合适的结果，这样您便可以立即使用该结果。还可以指定 beforeSend、error、success 或者 complete 回调函数，向用户提供更多有关 Ajax 体验的反馈。此外，还有一些其它的参数可供使用，您可以使用它们设置 Ajax 请求的超时，也可以设置页面 “最近一次修改” 的状态。显示了一个使用一些我所提到的参数检索 XML 文档的示例。 3. $.ajax 使 Ajax 由复杂变简单 $.ajax url: document.xml, type: GET, dataType: xml, timeout: 1000, error: function alert Error loading XML document ; , success: function xml // do something with xml ; 当 success 回调函数返回 XML 文档后，您可以使用 jQuery 检索这个 XML 文档，其方式与检索 HTML 文档是一样的。这样使得处理 XML 文档变得相当地容易，并且把内容和数据集成到了您的 Web 站点里面。显示了 success 函数的一个扩展，它为 XML 中的每个 元素都添加了一个列表项到 Web 页面中。 4. 使用 jQuery 处理 XML 文档 success: function xml $ xml .find item .each function var item_text $ this .text ; $ .html item_text .appendTo ol ; ; （—）HTML td align left width 25% 电话号码 长度在7~15之间,不得为空或字母！ : td align left width 25% colSpan 3 input type text name phoneNumber id phonenum maxlength 15 onblur check1 ;/ jQ jQuery.noConflict ; function check1 var url % request.getContextPath % /blacklistmanage/BlackList!checkPhone.action var value jQ #phonenum .val ; jQ .span .empty ; if regex.test value jQ.post url, inputPhone:value ,function data if data exist jQ #phonenum .after span class span style color:red 此号码已存在 ; jQ #phonenum .val ; ; public String checkPhone throws IOException this.data this.daoHelper.queryForList blacklist.list1, this ; HttpServletResponse response ServletActionContext.getResponse ; if !this.data.isEmpty //如果号码存在，则返回exist response.getWr