jquery - 如何在新页面上显示 AJAX 响应

Question

我正在phonegap中开发移动应用程序并使用intel xdk，我想在新的html页面上显示ajax响应我在谷歌上搜索并找到了这个解决方案window.open();但是这个该方法对我不起作用并显示空白(白屏)。我想在我的 search.html 页面中显示数据，并且我使用 jquery 和 ajax 从数据库获取响应。

function search() {
    $("#LoadingImage").show();
    var valuee=document.querySelector('input[name="srch_type"]:checked').value;
    var srch_txt = $("#search-2").val();
    if(srch_txt.length>0){
       $.ajax({
              url: "http://medicomall.com/andapp/?srchtxt="+srch_txt+"&srchtyp="+valuee,
              dataType: 'json',
              success: function(opt) {
                 $("#LoadingImage").hide();                                          
                 $.each(opt.waleed, function(key, value){   
                       //  alert( "SUCCESS:  " + value );         
                       if(valuee=='Medicine'){                   
                            $("ul").html ("<li>"+this['med_name']+"</li>"+"<li>"+this['med_alter']+"</li><a>"+this['Store_Address']+"</a><br>");
                       }else if(valuee=='Doctor'){        
                            $("ul").html("<li>"+this['name']+"</li><li>"+this['desc']+"</li>");
                      }  
                 else{
                     $("ul").html("<li>"+this['cl_name']+"</li><li>"+this['cl_address']+"</li>");   
                 }
            });  
          },
           error: function () {
               alert('Network error has occurred please try again!');
               $("#LoadingImage").hide();

            }     

        });   
   } else{
            alert("Please Enter Some Value");
            $("#LoadingImage").hide();     
         }
     }

  </script>

Answer 1

创建新窗口时使用以下内容:

$.ajax({
    url: "http://medicomall.com/andapp/?srchtxt=" + srch_txt + "&srchtyp=" + valuee,
    dataType: 'json',
    success: function (opt) {
        $("#LoadingImage").hide();

        //Window Settings
        var w = window.open();
        //Append Search unordered list
        $(w.document.body).html('<ul class="search"></ul>');

        $.each(opt.waleed, function (key, value) {
            //  alert( "SUCCESS:  " + value );         
            if (value == 'Medicine') {
                $(w.document.body+" .search").html("<li>" + this['med_name'] + "</li>" + "<li>" + this['med_alter'] + "</li><a>" + this['Store_Address'] + "</a><br>");
            } else if (value == 'Doctor') {
                $(w.document.body+" .search").html("<li>" + this['name'] + "</li><li>" + this['desc'] + "</li>");
            } else {
                $(w.document.body+" .search").html("<li>" + this['cl_name'] + "</li><li>" + this['cl_address'] + "</li>");
            }
        });
    },
    error: function () {
        alert('Network error has occurred please try again!');
        $("#LoadingImage").hide();

    }

});