zoukankan      html  css  js  c++  java
  • JQuery的AJAX封装加例子

    将json字符串转换为javascript对象有两种方法:
    var strs = eval("(" + data + ")");
    var strs = $.parseJSON(data);
    如果把ContentType设置为"application/json",那么success的第一个参数就是json转换后的JavaScript对象,不需要再手动parseJSON
    context.Response.ContentType = "application/json";

    $.ajax({
        type: "post",//提交方式get或post
        url: "JsonTest.ashx",//地址详细名称
        data: { i1: txt1, i2: txt2 },//提交的报文体,i1和i2为请求时的参数名称
        success: function (data) { alert(data); },//请求成功的处理事件,data为获取到的response返回数据
        error: function () { alert("错误"); }//请求通讯失败的处理事件(服务器错误、404等)
    });

    两数相加例子:
    htm代码:

    <script type="text/javascript">
        $(function () {
            $("#btn").click(function () {
                var txt1 = Number($("#i1").val());
                var txt2 = Number($("#i2").val());
                $.ajax({
                    type: "post",
                    url: "JsonTest.ashx",
                    data: { i1: txt1, i2: txt2 },
                    success: function (data) { alert(data); },
                    error: function () { alert("错误"); }
                });
            });
        });
    </script>
    
    <input type="text" id="i1" value="" />
    <input type="text" id="i2" value="" />
    <input type="button" id="btn" value="确定" />
    
    ashx代码:
    int txt1 = Convert.ToInt32(context.Request["i1"]);
    int txt2 = Convert.ToInt32(context.Request["i2"]);
    int count = txt1 + txt2;
    context.Response.Write(count);

    获取ashx返回的内容:

    $.ajax({
        type: "post",
        url: "JsonTest.ashx",
        data: { i1: txt1, i2: txt2 },
        success: function (data) {
            //var strs = eval("(" + data + ")");
            //var strs = $.parseJSON(data);//json字符串转换为javascript对象
            for (var i = 0; i < strs.length; i++) {
                alert(strs[i]);
            }
        },
        error: function () { alert("错误"); }
    });
  • 相关阅读:
    浅谈MVP与ModelViewViewModel(MVVM)设计模式
    策略模式
    C#验证码
    如何招到烂程序员
    承载和使用WCF服务
    .NET Remoting 使用总结
    基于.Net Remoting的应用程序
    HTML5 是什么?
    关于HTTP及XMLHTTP状态代码一览
    Remoting多个信道(Chennel)的注册问题
  • 原文地址:https://www.cnblogs.com/genesis/p/4692067.html
Copyright © 2011-2022 走看看