jQuery Mobile Ajax请求

Question

我正在尝试从jQuery移动网站中的javascript文件中检索信息。 默认情况下，Ajax是启用的，但是当我尝试xmlHttpRequest.send（）时，responseText是页面的源代码，而不是json结构。 initialize（）函数在pageinit上运行，因此我的想法是，被调用的json应该存在。 另外，initialize（）在该网站的非移动版本上也可以正常工作，因此我认为它与JQM处理ajax请求的方式有关。 在此先感谢您的协助。

<!DOCTYPE html>
<html>
    <head>
        var xmlHttpRequest;
        var json;

        <script type="text/javascript">
            function initialize()
            {
                xmlHttpRequest = (window.XMLHttpRequest) ? new XMLHttpRequest() :
                                 new ActiveXObject("Msxml2.XMLHTTP");

                if (xmlHttpRequest == null)
                return;

                xmlHttpRequest.open("GET", "pick.js", false);
                xmlHttpRequest.send();
                json = eval('('+ xmlHttpRequest.responseText +')');
            }
        </script>
        ......
    </head>

    <body>
        <div data-role="page" id="map-page"> 
            <script type="text/javascript">
                $('#map-page').live('pageinit',function(){
                    initialize();
                });
            </script>
            .....
        </div>
    </body>
</html>

Answer 1

由于您使用的是jQuery Mobile（因此也使用jQuery），因此您应该考虑使用jQuery.ajax －它可以处理所有“困难的事情”，例如为您创建XHR对象。

对于您的情况，您的代码如下所示：

function initialize() {

   $.get("pick.js", function(data, status, jqXHR) { 
       //when the call succeeds, do something with the 'data' param
       console.log(data);
   }, "script");
}