传递参数的标准方法(jQuery.ajax)

最新推荐文章于 2022-03-08 23:14:37 发布

greatverve

最新推荐文章于 2022-03-08 23:14:37 发布

阅读量1.9k

点赞数

分类专栏： JS.JQuery 文章标签： callback json function tree ajax class

本文链接：https://blog.csdn.net/greatverve/article/details/3332362

版权

JS.JQuery 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

前台

 
 <!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>
    <script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>
    <script type="text/javascript">
        //这个方法把ajax方法封装一下，方便调用。
        function myajax(){  
            //用此法传递数据
            var arr={
                "name":"tree",
                "id":"123"
            };
            $.get(
                "ajax.aspx",
                arr,
                callback,
                "json"
            );
        }
        //回调函数
        function callback(data){
            $('#response').append(data.name+data.id);
            $('#wait').css("display","none");
        }
        //onload()事件
        $(function(){
            $('#confirm').click(myajax);
        })
        //封装json数据，为了代码清晰,看来这种方法不行。
        /* 似乎是因为数组格式不对。
            var dataStr=jsonData();
            alert(dataStr);
        */
        function jsonData(){
            var jsonStr="";
            jsonStr+="/"name/":";
            jsonStr+="/"tree/"";
            jsonStr+=",";
            jsonStr+="/"id/":";
            jsonStr+="/"123/"";
            jsonStr+="}";
            return jsonStr;
        }
    </script>
</head>
<body>
    <div id="confirm">点击</div>
    <div id="response">接收后台数据</div>
    <div id="wait" class="hide">hello</div>
</body>
</html>
 

后台

 
 public partial class ajax : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //Response.Write("hello"+Request["name"]); 
        Hashtable ht = new Hashtable();
        ht.Add("name", Request.Params["name"]);
        ht.Add("id", Request.Params["id"]);
        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) + "}";
    }
}
 

greatverve

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
传递参数的标准方法(jQuery.ajax)

前台html xmlns="http://www.w3.org/1999/xhtml" >head> title>无标题页title> script type="text/javascript" src="jquery/jquery-1.2.6.js">script> script type="text/javascript">
复制链接

扫一扫

专栏目录