$.get、$.post、$.ajax、$(elm).load到.ashx页面问题

发布于 2024-10-07 17:00:28 字数 1407 浏览 2 评论 0原文

HTML 页面

    // in script tag
    $(document).ready(function () {
        var url = "list.ashx";

        $.get(url + "?get", function (r1) { alert("get: " + r1); });
        $.post(url + "?post", function (r2) { alert("post: " + r2); });
        $.ajax(url + "?ajax", function (r3) { alert("ajax: " + r3); });
        $("div:last").load(url + "?load", function (r4) { alert("load: " + r4); });
    });

    // in body tag
    <div></div>

'list.ashx' 中的

public void ProcessRequest (HttpContext context) { context.Response.Write("ok"); }

结果

$.get 和 $.post 到达 list.ashx 但没有返回
$.ajax 未到达 list.ashx
$.load 完全成功

问题是

为什么只有 '$.load' 工作？
如何使 $.get 或 $.post 工作？

更新

        $("input").click(function () {
            $.ajax({ url: url
                , context: this
                , data: "ajax=test"
                , cache: false
                , async: false
                , global: false
                , type:"POST"
                , processData: false
                , dataType: "html"
                , success: function (data) { alert(data); }
                , error: function (data) { alert(data.responseText); }
                });
        });

它总是遇到错误：function(){} 但“data.responseText”是正确的结果！

原文

HTML page

    // in script tag
    $(document).ready(function () {
        var url = "list.ashx";

        $.get(url + "?get", function (r1) { alert("get: " + r1); });
        $.post(url + "?post", function (r2) { alert("post: " + r2); });
        $.ajax(url + "?ajax", function (r3) { alert("ajax: " + r3); });
        $("div:last").load(url + "?load", function (r4) { alert("load: " + r4); });
    });

    // in body tag
    <div></div>

in 'list.ashx'

public void ProcessRequest (HttpContext context) { context.Response.Write("ok"); }

the result

$.get and $.post reach list.ashx but
no return
$.ajax not reach list.ashx
$.load fully success

The problems are

why only '$.load' work?
how to make $.get or $.post work?

update

        $("input").click(function () {
            $.ajax({ url: url
                , context: this
                , data: "ajax=test"
                , cache: false
                , async: false
                , global: false
                , type:"POST"
                , processData: false
                , dataType: "html"
                , success: function (data) { alert(data); }
                , error: function (data) { alert(data.responseText); }
                });
        });

it's always hit error:function(){} but the 'data.responseText' is the correct result!!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

酷炫老祖宗 2024-10-14 17:00:28

好吧，您的 $.ajax() 不起作用的原因是它的语法上无效。它应该看起来更像这样：

$.ajax({
    type: "POST", // or "GET"
    url: "list.ashx",
    data: "postvar=whatever",
    success: function(r3){
       alert("ajax: " + r3);
    }
});

另外，当使用 $.get 和 $.post 时，您应该将数据放在第二个参数中：

$.get(url, 'getvar=whatever', function (r1) { alert("get: " + r1); });
$.post(url, 'postvar=whatever', function (r2) { alert("post: " + r2); });

// or use a map

$.get(url, { getvar : 'whatever' }, function (r1) { alert("get: " + r1); });
$.post(url, { postvar : 'whatever' }, function (r2) { alert("post: " + r2); });

Well, the reason your $.ajax() doesn't work is because it's syntactically invalid. It should look more like this:

$.ajax({
    type: "POST", // or "GET"
    url: "list.ashx",
    data: "postvar=whatever",
    success: function(r3){
       alert("ajax: " + r3);
    }
});

Also, when using $.get and $.post, you should put the data in the second parameter:

$.get(url, 'getvar=whatever', function (r1) { alert("get: " + r1); });
$.post(url, 'postvar=whatever', function (r2) { alert("post: " + r2); });

// or use a map

$.get(url, { getvar : 'whatever' }, function (r1) { alert("get: " + r1); });
$.post(url, { postvar : 'whatever' }, function (r2) { alert("post: " + r2); });

回复收藏 0 原文