如何在跨域请求中使用JSON将html内容加载到div中

时间:2014-05-07 05:54:08

标签: javascript jquery json

我在一台服务器上有一个小部件。在widget中使用脚本和div。

widget.html文件的代码是: -

               <script type="text/javascript">
              var _new = new Array()

    _new['Server'] = 'my server name';
            var ip = 'http:my server name/directory/';
            (function() {
            var o2 = document.createElement('script');
            o2.type = 'text/javascript';
            o2.async = true;
            o2.src = ip+'link.js';
            var r = document.getElementsByTagName('script')[0];
            r.parentNode.insertBefore(o2, r);
            })();
            </script>
           <div id="content"></div>

在link.js文件中调用包含html内容的文件(文本字段,按钮等)。 link.js文件的代码是: -

          jQuery.getJSON("my server url/user.php?&callback=?", function(data)
      {

        $("#content").html(data);

    });

user.php的代码是: -

              <?php
              $html="<html>
             <body>
            <form method='post'>
        <table>       
            <tbody>
    <tr><td><input value='Name:' type='text' ></td></tr>
    <tr><td><input value='Email:' type='text' ></td></tr>
    <tr><td><input value='City:' type='text' ></td></tr>
    <tr><td><input value='Mobile:'type='text' ></td></tr>           
            </tbody>
           </table>
          </form>
          </div>
          </body>
           </html>";
           echo $_GET['callback'] . '('.json_encode($html).')';
             ?>  

当我在同一服务器上运行widget.html文件时,html内容将被重新检索并显示在div上。但是在不同的服务器中它无法正常工作。

告诉我如何在跨域请求中加载div中的html内容。

Plz向我提出了一些建议。

0 个答案:

没有答案