使用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!');
        });
    });
});