Question

如标题所示，我在运行脚本时遇到问题：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#subbut").click(function(e){
          e.preventDefault();
        $.ajax(
                    {
                        url : 'http://jsonplaceholder.typicode.com/users?email=Sincere@april.biz',
                        method : 'GET'
                    })
            .then(
                    function(data) {

                        document.getElementById("street").value = data[0].address.street;

                    });
    });
});
</script>

我的表格在这里：

<form id="myForm"
            action="<%=response.encodeURL(request.getContextPath()
                + "/upisKorisnika.html")%>"
            method="POST">
            <table id='userInput' class="display" border="0"
                style="font-family: Arial; font-size: 18px;">

                <tr>
                    <td><c:out value="E-mail: " /></td>
                    <td><input type="text" name="email" id="email"></td>

                </tr>

                <tr>
                    <td colspan="2" style="text-align: center">
                        <input type="submit" name="subbut" class="btn btn-default" id="subbut" value="Submit">
                    </td>
                </tr>
            </table>
            <input type="hidden" id="street" name="street" />
            </form>

我的第一个问题是，当我点击提交时，为什么没有发生任何事情，我做错了什么？而且我也想知道如何才能获得文本字段的价值＆＃34;电子邮件＆＃34;，所以我可以使用这样的东西：

url : 'http://jsonplaceholder.typicode.com/users?email='+mail,

Answer 1

首先，混淆使用不向服务器发送数据的表单和没有提交表单行为的提交按钮。

其次，你需要使用像Chrome开发工具这样的调试工具。它会给你跟踪你的电话。

要进行调试，请添加到promise.then使用简单警报或console.log进行错误回调，以查看您的呼叫会发生什么。

并回答您的问题，您看到的代码是正确的。

AJAX - 点击按钮不起作用

1 个答案: