$.ajax json数据传递方法

最新推荐文章于 2023-07-03 12:33:25 发布

原创最新推荐文章于 2023-07-03 12:33:25 发布 · 636 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #function #callback #string #xhtml #div

本文介绍了一种利用jQuery AJAX实现JSON数据前后台交互的方法。通过封装AJAX请求简化调用流程，并展示了如何从前端发送JSON数据到后端以及后端如何解析这些数据并返回响应。此外，还提供了一个完整的示例，包括前端页面结构和后端处理逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax下json数据的传递方法，大家可以参考下。这样就可以传递json数据了前台
<!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>无标题页</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .show{ display:block;} .hide{ display:none;} </style> <mce:script type="text/javascript" src="jquery/jquery-1.2.6.js" mce_src="jquery/jquery-1.2.6.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="confirm">点击</div> <div id="response">接收后台数据</div> <div id="wait" class="hide">hello</div> </body> </html>

后台

protected void Page_Load(object sender, EventArgs e) { Hashtable ht = new Hashtable(); string name = Request.Params["name"].ToString(); string birth = Request.Params["birthday"].ToString(); if (!string.IsNullOrEmpty(name) && !string.IsNullOrEmpty(birth)) { //Response.ContentType = "Application/json"; //Response.Write(CreareJson("this is ok!", 1, name, birth)); ht.Add("info", "成功了"); ht.Add("sta", "状态"); ht.Add("name", name); ht.Add("birth", birth); Response.Write(CreateJsonParams(ht)); } Response.End(); } private string CreateJsonParams(Hashtable items) { string returnStr = ""; foreach(DictionaryEntry item in items) { returnStr += "/"" + item.Key.ToString() + "/":/"" + item.Value.ToString() + "/","; } return "{" + returnStr.Substring(0,returnStr.Length-1) + "}"; }