Bagaimana untuk Membuat Panggilan Ajax Berkesan kepada Pengawal ASP.NET MVC?

Panduan lengkap untuk membuat permintaan Ajax kepada pengawal ASP.NET MVC menggunakan jQuery

Artikel ini akan membimbing anda tentang cara menggunakan jQuery untuk memulakan permintaan Ajax kepada pengawal ASP.NET MVC, termasuk pelaksanaan pengawal dan pandangan, serta komunikasi pelanggan-pelayan.

Kendalian pengawal

Pengawal anda harus mentakrifkan tindakan untuk mengendalikan permintaan Ajax. Dalam contoh berikut, FirstAjax ialah operasi yang bertindak balas dengan data dalam format JSON:

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

Lihat

Pandangan

memulakan jQuery dan membuat permintaan Ajax kepada tindakan FirstAjax. Permintaan itu termasuk pengendali kejayaan yang memaparkan respons dalam kotak amaran:

<code class="language-javascript">$(document).ready(function () {
    var serviceURL = '/AjaxTest/FirstAjax';

    $.ajax({
        type: "POST",
        url: serviceURL,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: successFunc,
        error: errorFunc
    });

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

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

Pelan penambahbaikan

Perhatikan bahawa atribut data dalam permintaan Ajax asal menyebabkan masalah kerana pengawal anda tidak menjangkakan sebarang parameter. Mengalih keluar atribut ini dan menggunakan kaedah @Url.Action akan menyelesaikan masalah:

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

Untuk permintaan POST yang menyertakan data, anda perlu mengubah suai tindakan pengawal untuk menerima parameter dan mengubah suai permintaan Ajax untuk memasukkan data:

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

// 视图
$.ajax({
    type: "POST",
    url: '@Url.Action("FirstAjax", "AjaxTest")',
    contentType: "application/json; charset=utf-8",
    data: { a: "testing" },
    dataType: "json",
    success: function() { alert('Success'); },
    error: errorFunc
});</code>

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