jQuery使用$.创建交互式、快速动态网页应用的网页开发技术进行异步刷新的方法（附演示下载)

本文实例讲述了jQuery使用$.创建交互式、快速动态网页应用的网页开发技术进行异步刷新的方法。分享给大家供大家参考，具体如下：

最近要用到jquery进行异步读取数据的功能，jquery提供了许多内置的异步读取函数，给大家演示下最常用的$.创建交互式、快速动态网页应用的网页开发技术用法

在客户端文本框输入一个内容，然后在服务器端返回时间

在演示中要用到ashx文件，用于获取服务器的信息

效果图片

逃避()函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。

客户端代码

% @ Page Language=' c# ' AutoEventWireup=' true ' CodeFile=' default 7。aspx。cs“Inherits=”默认为7 ' % 1！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML L1/DTD/XHTML L1-过渡。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' MCE :脚本类型=' text/JavaScript ' src=' http 3360 js/jquery-1。4 .2-函数GetData() { if ($('#Text1 ')).val()=='') { alert('请输入内容！');返回；} $.ajax({ type: 'GET '，url: 'ContentHandler.ashx？名称=' $('#Text1 ').val()，cache: false，data: { sex: '男},成功：函数（输出){ if(输出=='' ||输出==未定义){ alert('返回值为空!');} else { output=eval('(' output '))；$('#divmsg ').html(")姓名：' output.name ' -' '日期： '输出。dt)；} }，错误：函数(XMLHttpRequest，textStatus，错误通过){ alert('获取数据异常');} });}/////MCE :脚本/头体表单id=' form 1 ' runat=' server ' div Ajax使用演示/分区输入id='Text1 '类型='text' /输入id='Button1 '类型='按钮'值='获取数据onclick=' GetDATa()'//div div id=' div msg '/div/form/body/html服务器端代码

%@ WebHandler语言='C#' Class='ContentHandler' %使用系统；使用系统网络.公共类内容处理程序： IHttpHandler { public void process request(HttpContext)上下文} {字符串输出=' ';字符串名称=上下文。请求参数['名称'];output=GetJsonData(名称);语境。响应。内容类型='文本/纯文本；语境。响应。写（输出);} public bool IsReuse { get { return false；} }公共字符串GetJsonData(字符串aa){ 0字符串结果='{name:/'' aa '/'，dt:/'' DateTime .现在。ToString()'/' } '；返回结果；} }完整实例代码点击此处本站下载。

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