HTTP GET request with JQuery

HTTP GET request with JQuery

本文关键字：JQuery with request GET HTTP      更新时间：2023-09-26

首先，我对JS很陌生，所以很抱歉这个简单的问题。我在网页中有一个搜索框，用户应该在其中输入一些内容。之后，我需要对某个地址执行HTTP GET请求（例如：当参数是用户输入时 http://m.mywebsite.com/AppService.svc/searchitems?param=userValue（在下面的示例中是John Doe）。到目前为止，我尝试了这种方式，但是当我单击网页中的某处时没有任何反应。希望你们中的一些人可以解释我如何正确地做到这一点。

谢谢

$(document).ready(function(){
    document.addEventListener("click", function(e) {
        $.ajax({
            'url' : 'http://m.mywebsite.com/AppService.svc/searchitems',
            'type' : 'GET',
            'data' : {
                'param' : 'John Doe'
            },
            'success' : function(data) {
                if (data == "success") {
                    alert('request sent!');
                }
            }
        });
    });
});

我认为您不能addEventListener()函数与document对象一起使用。你应该使用这样的东西：

document.getElementById("myBtn").addEventListener("click", function(){
    document.getElementById("demo").innerHTML = "Hello World";
});

从这里

这

有效（如果"url"是正确的并接受GET请求）。您使用的 url 应该接收 GET 请求并回答某些内容（在这种情况下，如果传递了"param"，则为"成功"），在继续之前对其进行检查。

$(document).ready(function() {
    $(document).click(function() {
        $.ajax({
            url : 'http://m.mywebsite.com/AppService.svc/searchitems',
            type : 'GET',
            data : { param : 'John Doe' }
        }).done(function(data) {
            if (data == "success") alert('request sent!');
        });
    });
});
相关文章：