使用JQuery的HTTP GET请求

Question

首先，我对JS非常陌生，非常抱歉这个简单的问题。 我在网页中有一个搜索框，用户应在其中输入一些输入内容。 之后，我需要对某个地址执行HTTP GET请求（例如，当param参数是用户输入时， 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!');
                }
            }
        });
    });
});

Answer 1

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

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

从这里

Answer 2

这行得通（如果'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!');
        });
    });
});