您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
Jquery中的ajax再封装,简化操作介绍
作者：佚名 责任编辑：admin 更新时间：2022-06-22
这篇文章主要介是对Jquery中的ajax再封装,简化操作示例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
代码如下: <!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> <title>jQueryAjaxJson取值示例</title> <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript"> $(function () { jsonAjax("AjaxQuery.aspx", "type=json", "json", callBack); jsonAjax("AjaxQuery.aspx", "id=1&name=2&type=text", "text", callBackTxt); }); function callBack(data) { $("#ddd").html(''); var json = eval(data); //数组 $.each(json, function (index, item) { //循环获取数据 var name = json[index].Name; var age = json[index].Age; var sex = json[index].Sex; $("#ddd").html($("#ddd").html() + "<br>" + name + " " + age + " " + sex + "<br/>"); }); }; function callBackTxt(data) { $("#ccc").html(data); }; /** * ajax post提交 * @param url * @param param * @param datat 为html,json,text * @param callback回调函数 * @return */ function jsonAjax(url, param, datat, callback) { $.ajax({ type: "post", url: url, data: param, dataType: datat, success: callback, error: function () { jQuery.fn.mBox({ message: '恢复失败' }); } }); } </script> </head> <body> <span id="ccc"></span> <span id="ddd"></span> </body> </html> 代码如下: using System; //新增 using System.Web.Script.Serialization; using System.Collections.Generic; public partial class AjaxQuery : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { //数据模拟,仅供参考 string messgage = string.Empty; string id = Request["id"]; string name = Request["name"]; string gettype = Request["type"]; if (gettype=="text") { messgage = (id == "1" && name == "2") ? "ok符合条件" : "sorry不符合条件"; } else if (gettype == "json") { List<Student> list = new List<Student>(); for (int i = 0; i < 50; i++) { Student a = new Student(); a.Name = "张三" + i; a.Age = i; a.Sex = "男"; list.Add(a); } messgage = new JavaScriptSerializer().Serialize(list); } else { } Response.Write(messgage); Response.End(); } } public struct Student { public string Name; public int Age; public string Sex; } }- 上一个程序编程： 控制input输入框中提示信息的显示和隐藏的方法
- 下一个程序编程： jquery实现手机发送验证码的倒计时代码
