Rumah >hujung hadapan web >tutorial js >Kaedah jQuery untuk menghantar data format json ke background_jquery

Kaedah jQuery untuk menghantar data format json ke background_jquery

WBOY
WBOYasal
2016-05-16 16:14:071195semak imbas

Contoh dalam artikel ini menerangkan cara jQuery menghantar data format json ke latar belakang. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Interaksi data hadapan dan belakang biasanya menggunakan format json, dan bahagian belakang boleh terus menukar surat-menyurat json kepada objek entiti. Untuk memudahkan operasi masa hadapan. Apabila jQuery menghantar data ke latar belakang, kami akan mendapati ia akan menukarnya secara automatik menjadi rentetan pertanyaan dan sebenarnya tidak boleh lulus dalam json. Selain itu, apabila menggunakan jquery untuk mensirikan borang, format yang dikembalikan ialah tatasusunan, yang memerlukan penukaran selanjutnya. Malah, selagi kita mengkonfigurasi sesuatu dalam kaedah ajax, ia boleh diselesaikan. Kodnya adalah seperti berikut:

<form id="ff"> 
  <input type="text" name="test1"/> 
  <input type="text" name="test2"/> 
  <input type="text" name="test3"/> 
  <input type="text" name="test4"/> 
  <input type="button" id="save" value="save"/> 
</form> 

$("#save").on("click", function () { 
 var params = $("#ff").serializeArray(); 
 var j = {}; 
 for (var item in params) { 
   j[params[item].name] = params[item].value; 
 } 

 $.ajax({ 
   url:'index.html', 
   data:JSON.stringify(j), 
   type:'post', 
   dataType:'json', 
   headers:{ 
 Accept:"application/json", 
 "Content-Type":"application/json" 
   }, 
   processData:false, 
   cache:false 
 }).done(function (data) { 
 }); 

}); 

Jika anda melihat format paparan seperti yang ditunjukkan dalam gambar dalam chrome, ini bermakna format json yang dihantar ke latar belakang ialah

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn