masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Fungsi berkaitan Ajax

Fungsi berkaitan Ajax

jQuery menyediakan beberapa fungsi berkaitan untuk membantu fungsi Ajax.

1. jQuery.ajaxSetup( pilihan )

Tiada nilai pulangan

Penerangan:

Tetapan Pilihan pilihan lalai AJAX global.

Penjelasan:

Kadangkala kami ingin menetapkan kelakuan lalai semua atribut Ajax pada halaman, kemudian anda boleh menggunakan fungsi ini untuk menetapkan pilihan, dan kemudian pilihan lalai semua permintaan Ajax akan diubah.

Sebagai contoh, apabila halaman dimuatkan, saya menggunakan kod berikut untuk menetapkan pilihan lalai Ajax: 

$.ajaxSetup({    url: "../data/AjaxGetMethod.aspx",    data: { "param": "ziqiu.zhang" },    global: false,    type: "POST",    success: function(data, textStatus) { $("#divResult").html(data); }});
此后我们可以使用无参数的get(),post()或者ajax()方法发送 ajax 请求.完整的示例代码如下:
<!doctype html><html><head>
 <meta charset="utf-8"/>
 <title>jQuery Ajax - Load</title>
 <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
 <script>
   $(document).ready(function() {
     $.ajaxSetup({
         url: "../data/AjaxGetMethod.aspx",
         data: { "param": "ziqiu.zhang" },
         global: false,
         type: "POST",
         success: function(data, textStatus) {
           $("#divResult").html(data);
         }
     });
     $("#btnAjax").click(function(event) { $.ajax(); });
     $("#btnGet").click(function(event) { $.get(); });
     $("#btnPost").click(function(event) { $.post(); });
     $("#btnGet2").click(function(event) { $.get("../data/AjaxGetMethod.aspx",{ "param": "other" }); });
   });  </script></head>  <body>    
 <button id="btnAjax">nontransfer param call ajax() method</button><br />
 <button id="btnGet">nontransfer param call get() method</button><br />
 <button id="btnPost">nontransfer param call post() method</button><br />
 <button id="btnGet2">transfer param call get() method , use global default callback</button><br />
 <br />
 <div id="divResult"></div>
</body>
</html>

Perhatikan bahawa apabila menggunakan kaedah get() atau post(), kecuali parameter jenis akan ditetapkan semula Kecuali GET atau POST, parameter lain akan menggunakan pilihan global lalai selagi ia tidak diluluskan. Jika pilihan tertentu diluluskan, sebagai contoh, butang terakhir melepasi url dan parameter, maka panggilan ini akan berdasarkan pilihan yang diluluskan. Pilihan yang tidak diluluskan, seperti fungsi panggil balik, masih akan menggunakan pilihan global untuk menetapkan nilai.

2.serialize( )

Pulangan: Rentetan

Penerangan:

Jujukan kandungan jadual jadual Merupakan rentetan, digunakan untuk permintaan Ajax.

Serialization paling biasa digunakan semasa menghantar data borang ke pelayan. Data bersiri adalah dalam format standard dan boleh disokong oleh hampir semua pelayan.

Untuk berfungsi sebaik mungkin, medan borang yang bersiri dikehendaki mempunyai atribut nama Hanya satu hari raya tidak akan berfungsi.

Tulis atribut nama seperti ini: <input id="email" name="email" type="text" />

Penjelasan:

serialize( ) Fungsi ini menggabungkan objek borang dalam borang untuk dihantar ke pelayan ke dalam rentetan. Ini memudahkan kami mendapatkan data borang semasa menghantar menggunakan Ajax. Ini sama seperti apabila borang diserahkan melalui kaedah Dapatkan, nama/nilai objek borang diletakkan secara automatik pada URL untuk penyerahan.

3.serializeArray( )

Pemulangan: Array< Object>

Arahan:

Gunakan Fungsi ini memperoleh objek JSON, tetapi jQuery tidak menyediakan kaedah untuk menukar objek JSON kepada rentetan JSON. Oleh itu, anda perlu menggunakan pemalam, seperti pemalam jquery.json yang disebut dalam artikel asal


Meneruskan pembelajaran
||
<html> <head> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("div").text($("form").serialize()); }); }); </script> </head> <body> <form action=""> 姓名: <input type="text" name="FirstName" value="Bill" /><br /> 职位: <input type="text" name="LastName" value="Gates" /><br /> </form> <button>序列化表单值</button> <div></div> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492873 permainan