javascript - 在 href 中调用 Ajax 请求函数

Question

我在 html 页面中有一个 href，在 javascript 文件的方法中有一个 AJAX 请求。

当点击 href 时，我想调用 JS 函数，我正在处理响应以将其添加到将出现的第二个 html 页面

function miniReport(){

    alert('TEST');

   var client_account_number = localStorage.getItem("numb");

   var request = $.ajax({
        url: server_url + '/ws_report',
        timeout:30000,
        type: "POST",
        data: {client_language: client_language, PIN_code:pin,client_phone:number}
    });
    request.done(function(msg) {
        //alert(JSON.stringify(msg));

    });
    if (msg.ws_resultat.result_ok==true)
    {
        alert('success!');
        window.open("account_details.html");

    }

    request.error(function(jqXHR, textStatus)
    {
       //MESSAGE
    });

}

我试过 <a href="#" onclick="miniReport()"></a> , 并用 $('#idOfHref').click(function(){}); 编写函数不工作。

我只能看到警报测试，然后什么也没有发生。我在这里检查了几篇文章，但对我没有任何帮助。

Answer 1

函数可以更正为，

function miniReport(){
    alert('TEST');    
   var client_account_number = localStorage.getItem("numb");

   $.ajax({
        url: server_url + '/ws_report',
        timeout:30000,
        type: "POST",
        data: {"client_language": client_language, "PIN_code":pin,"client_phone":number},
        success : function(msg) {
        //alert(JSON.stringify(msg));
            if (msg.ws_resultat.result_ok == true)
            {
                alert('success!');
                window.open("account_details.html");    
            }
        },
        error: function(jqXHR, textStatus)
        {
           alert('Error Occured'); //MESSAGE
        }
     }
 });

1.无需将 ajax 调用分配给变量，
2. 您的进一步工作应该在 AJAX 请求的 Success 部分，如上所示。