Question

首先，我对JS非常新，很抱歉这个简单的问题。我在网页中有一个搜索框，用户应在其中键入一些输入。之后，我需要对某个地址执行HTTP GET请求（比如说：http://m.mywebsite.com/AppService.svc/searchitems?param=userValue当param参数是用户输入时（在下面的示例中它是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";
});

来自here

Answer 2

这有效（如果'url'正确并接受GET请求）。你正在使用的url应该收到GET请求并回答一些事情（在这种情况下，如果“param”通过则为“success”），在继续之前检查它。

$(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!');
        });
    });
});

使用JQuery的HTTP GET请求

2 个答案: