0

我对 Javascript/JSON 比较陌生，我一直在寻找如何做到这一点的示例。目前我的观点是

<p>Please enter your email and phone number registered with the account</p>
<table id="Table">
    <tr>
        <td>Email</td>
        <td> <input id = "email" type ="text" name= "email" /></td>
    </tr>
    <tr>
        <td>Phone Number</td>
        <td> <input id = "phone" type ="text" name= "phone" /></td>
    </tr>
</table>
<input type="button" value="Submit" id="sendMSG">

我想将它发送给以下控制器

 public JsonResult SendMessage(SMSTestViewModel model)
    {
   string email = model.email;
   string number = model.phone;
    }

我想做的是编写一个脚本来说明当我单击按钮时，将我放入两个文本框中的信息发送到我的视图模型，然后发送到我的控制器。我也想在它不引用页面时这样做。

如果你能引导我朝着正确的方向前进，那就太棒了。

4

1 回答 1

1

我想我明白你在找什么。您想将表单发布到您的 SendMessage 操作结果中吗？

这就是你想要的。

function submit() {
    $.ajax({
        type: "POST",
        url: /SendMessage,
        contentType: "application/json",
        dataType: "json",
        data: { "email" : $("#email").value, "phone" : $("#phone").value }, 
        success: function (data) {
            console.log(data);
        },
        error: console.log("Where's the nearest bar?");
    });
}

$("#sendMSG").click(function () {
    submit();
});

抱歉，我假设您使用的是 JQuery。

如果不想用JQuery就改一下。

$("#phone")

至

document.getElementById("电话")

这里是如何在没有 JQuery 的情况下进行 POST。

如何在没有 jQuery 的情况下进行 AJAX 调用？

希望这可以帮助。

于 2013-06-07T20:37:23.267 回答