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
Lepaskan: 2016-05-16 16:14:07
asal
1216 orang telah melayarinya

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

}); 

Salin selepas log masuk

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.

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan