使用 json 时，ajax 在 IE 10 上失败

Question

我正在使用 ajax 调用休息服务。

这一切在 Chrome 上运行良好，但从 IE 10 运行时，ajax 调用失败。

我尝试打印错误消息，但没有得到启发，只是说“未定义”。

ajax 请求永远不会发送到服务器。 我看到帖子谈论 IE 与 json 的问题，但还没有找到正确的解决方案。

更多信息（不知道是否相关）：如果我尝试通过 IE 10 访问服务 url（将 url 放入浏览器中），则不会显示 JSON。而是询问我是否要打开一个文件。

另外：请求是从 html 文件完成的。 （与服务不在同一域下）。

有什么想法吗？

谢谢。

   var JSONObject= {
            "login":LogInUserName,
            "password": LogInPassword,
            };


    $.ajax({  
        url:'https .... ',  
        type:'post',
        data :  JSONObject,      
        dataType: 'JSON',
        success: function(data) { 
            if(data.hasOwnProperty('errors'))
                {
                    alert("errors found");
                    alert(data.errors);
                }
            else
                {
                    alert("data sent!");

                }


            }  ,
        error: function (request, status, error)  {
            alert ("error before sending");
            alert(request.responseText);
            location.reload();

        }


    });  

Answer 1

您需要做的第一件事是学会正确调试并成为F12、控制台选项卡和网络选项卡的好朋友：

本教程展示的是 Google Chrome，但完全相同的想法适用于 IE 或 FireFox

1 - 使用 console.log() 代替 alert()

var JSONObject = {
    "login": LogInUserName,
    "password": LogInPassword // get rid of the comma, stop being lazy
};


$.ajax({
    url: 'https .... ',
    type: 'post',
    data: JSONObject,
    dataType: 'JSON',
    success: function (data) {

        // hit F12 and check the console
        console.log(data); // F off alert()!

    },
    error: function (request, status, error) {

        console.log(request); // F off alert()!
        console.log(status); // F off alert()!
        console.log(error); // F off alert()!

        // don't reload, we have an issue
        // location.reload();

    }


});

2 - 使用 F12 获得舒适

http://www.degraeve.com/reference/simple-ajax-example.php

• 按 F12
• 转到网络选项卡
• 在网站上输入内容并点击开始
• 单击该野兽并检查“响应”或“预览”选项卡中的错误