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;
    }

私がしたいのは、ボタンをクリックしたときに、2 つのテキスト ボックスに入力した情報をビューモデルに送信し、次にコントローラーに送信するスクリプトを作成することです。また、ページを参照していない間にこれを行いたいと思います。

あなたが私を正しい方向に導くことができれば、それは素晴らしいことです.

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 に答える