使用$.ajax进行异步刷新

最新推荐文章于 2025-08-20 15:09:39 发布

游响云停

最新推荐文章于 2025-08-20 15:09:39 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： output xmlhttprequest string function jquery button

本文链接：https://blog.youkuaiyun.com/zx13525079024/article/details/6427599

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用jQuery的AJAX功能从服务器异步获取数据的示例。客户端通过文本框输入内容，服务器端返回相应的时间信息。示例中包含了客户端JavaScript代码及服务器端C#代码。

最近要用到jquery进行异步读取数据的功能，jquery提供了许多内置的异步读取函数，给大家演示下最常用的$.ajax用法

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

在DEMO中要用到ashx文件,用于获取服务器的信息

效果图片

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

客户端代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default7.aspx.cs" Inherits="Default7" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <mce:script type="text/javascript" src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script> <title></title> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> ajax使用demo </div> <div> <input id="Text1" type="text" /> <input id="Button1" type="button" value="获取数据" onclick="GetData()"/> </div> <div id='divmsg'> </div> </form> </body> </html>

服务器端代码

<%@ WebHandler Language="C#" Class="ContentHandler" %> using System; using System.Web; public class ContentHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { string output = ""; string name = context.Request.Params["name"]; output = GetJsonData(name); context.Response.ContentType = "text/plain"; context.Response.Write(output); } public bool IsReusable { get { return false; } } public string GetJsonData(string aa) { string result = "{name:/""+aa+"/",dt:/""+DateTime.Now.ToString()+"/"}"; return result; } }

demo下载

http://download.youkuaiyun.com/source/3288215