无法使用JSON从Server获取响应

时间:2017-03-13 07:24:00

标签: javascript php json ajax html5

我正在尝试从运行php文件login.php的服务器获得响应。我在计算机上运行t3.html,在我的服务器上运行login.php

t3.html

IdentityProvider

的login.php

     <!DOCTYPE html>
       <html>
       <head>
       <meta charset="UTF-8">
       <title>PHP JSON Testing</title>
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
   </head>
   <body>
    <div id="form">
        <table>
            <tr>
                <td>Field 1</td>
                <td><input type="text" id="text1" /></td>
            </tr>
            <tr>
                <td>Field 2</td>
                <td><input type="text" id="text2" /></td>
            </tr>
            <tr>
                <td colspan="2"><button id="submit">Send Request</button>          </td>
            </tr>
        </table>
    </div>
    <div>
        Response:
        <span id="response"></span>
    </div>
    <script type="text/javascript">

        $(document).ready(function(){
            $("#submit").on("click", function(event){
                var text1 = $("#text1").val();
                var text2 = $("#text2").val();
                var jsonData = {
                    field1 : text1,
                    field2 : text2
                };
                $.ajax({
                    type: "POST",
                    url: "http://X.X.X.X/test/login.php",
                    data: JSON.stringify(jsonData),
                    contentType: "application/json",
                    dataType: "json",
                    success: function(response) {
                        $("#response").html(JSON.stringify(response));
                    },
                    failure: function(error){
                        $("#response").html(error);
                    }
                });
                $("#text1").val("");
                $("#text2").val("");
            });
        });
    </script>
</body>
</html>

但它没有得到任何回复,但是当我将我的html文件保存在服务器上它工作时请帮助我,以便我可以在我的计算机上运行html文件并从服务器login.php获得响应

0 个答案:

没有答案