Question

这很简单，但我在这里遗漏了一些东西，无法弄明白。我有一个带有addEventListener的提交按钮，所以当你点击它时，它会调用php文件。但是，这就是我得到的

{＆＃34; readyState的＆＃34;：0，＆＃34; responseText的＆＃34;：＆＃34;＆＃34;＆＃34;状态＆＃34;：0，＆＃34;状态文本＆＃ 34;：＆＃34;错误＆＃34;}

但是如果我将ajax放在addEventListener之外，它就有效。我很困惑

的index.html

for( int i = 0 ; i < 26 ; i++ ){
   similarCharacters = similarCharacters + min( arrayCount1[26], arrayCount2[26] )
}

index.js

<input type="submit" value="Submit" id="submit"/>

的index.php

$(document).ready(function() {

    document.getElementById('submit').addEventListener('click', function () {
        $.ajax({
            type: 'GET',
            url: 'index.php',
            data: {'user_id': '123213'},
            complete: function (response) {
                alert(JSON.stringify(response));
            }
        })
    })
});

Answer 1

请改为尝试：

$('#submit').click(function(){               // Click handler
        $.get('index.php', 
            {'user_id': '123213'},           // Data payload
            function(resp) {                 // Response callback
                alert(JSON.stringify(resp));
            });
        return false;                        // Prevent default action
    });

Answer 2

$(document).ready(function() {

    $('#submit').on('click', function () {
        $.ajax({
            type: 'GET',
            url: 'index.php',
            data: {'user_id': '123213'},
        })
         .done(function(data) {
           console.log("success");
        })
        .fail(function(msg){
            console.log("error");
        });
    })
});

试试这个会起作用

addEventListener里面的ajax无法正常工作

2 个答案: