Bagaimana untuk Membuat Panggilan AJAX ke Pengawal ASP.NET MVC?

AJAX Panggilan ke Pengawal ASP.NET MVC: Panduan Praktikal

Panggilan AJAX menyediakan komunikasi pelayan yang lancar tanpa penyegaran halaman, meningkatkan pengalaman pengguna dengan ketara. Panduan ini menunjukkan cara untuk melaksanakan panggilan AJAX dengan mudah dalam ASP.NET MVC.

Tindakan Pengawal dan Kod Lihat

Mari kita periksa tindakan pengawal mudah:

<code class="language-csharp">public ActionResult FirstAjax()
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}</code>

Panggilan AJAX JavaScript yang sepadan, memanfaatkan sintaks Razor untuk penjanaan URL dinamik, kelihatan seperti ini:

<code class="language-javascript">$.ajax({
    url: '@Url.Action("FirstAjax", "AjaxTest")',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: successFunc,
    error: errorFunc
});

function successFunc(data, status) {
    alert(data);
}

function errorFunc() {
    alert('error');
}</code>

Menyelesaikan masalah: Tidak Diperlukan data Parameter

Ralat pengekodan awal melibatkan atribut data yang tidak diperlukan dalam panggilan AJAX, walaupun tiada data dihantar. Mengalih keluar parameter data (cth., data: param = "") menyelesaikan masalah ini. Menggunakan @Url.Action dalam Razor memastikan URL menyasarkan pengawal dan tindakan dengan betul.

Melaksanakan Permintaan POST

Untuk permintaan POST, sertakan parameter data:

<code class="language-javascript">data: { a: "testing" },</code>

Tindakan pengawal anda kemudiannya mesti dihiasi dengan atribut [HttpPost]:

<code class="language-csharp">[HttpPost]
public ActionResult FirstAjax(string a)
{
    return Json("chamara", JsonRequestBehavior.AllowGet);
}</code>

Panduan komprehensif ini menggambarkan proses mudah membuat panggilan AJAX kepada pengawal ASP.NET MVC anda, menyerlahkan perangkap biasa dan amalan terbaik untuk pembangunan web yang mantap dan cekap.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Panggilan AJAX ke Pengawal ASP.NET MVC?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!