Rumah >hujung hadapan web >tutorial js >Pengenalan kepada contoh kaedah serialize(), serializeArray() dan param() dalam JQuery_jquery

Pengenalan kepada contoh kaedah serialize(), serializeArray() dan param() dalam JQuery_jquery

WBOY
WBOYasal
2016-05-16 16:40:451253semak imbas

Berikut ialah kod jsp pada bahagian pelayan:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
request.setCharacterEncoding("UTF-8"); 
String username = request.getParameter("username"); 
String content = request.getParameter("content"); 
out.println("<div class='comment'><h6> "+username+" :</h6><p class='para'> "+content+" 
</p></div>"); 
%>

Seperti kaedah lain dalam JQuery, kaedah serialize() juga bertindak pada objek JQuery, yang boleh mensiri kandungan elemen DOM ke dalam rentetan untuk permintaan ajax. Dengan menggunakan kaedah serialize(), anda boleh menyerahkan semua medan halaman ini Kod adalah seperti berikut:

$("#send").click(function(){ 
$.get("get1.jsp", $("#form1").serialize(), function(data, textStatus) 
$("#resText").html(data); 
});
});

Apabila butang "Hantar" diklik, semua elemen borang kepunyaan form1 boleh diserahkan ke latar belakang Walaupun lebih banyak medan ditambahkan pada borang, skrip masih boleh digunakan dan tiada kerja berlebihan lain diperlukan.

Apabila menggunakan mod rentetan, anda perlu memberi perhatian kepada pengekodan aksara (masalah Cina Jika anda tidak mahu pengekodan menyebabkan masalah, anda boleh menggunakan kaedah serialize(), yang akan mengekod secara automatik.

Oleh kerana kaedah serialize() berfungsi pada objek JQuery, bukan sahaja borang boleh menggunakannya, tetapi elemen yang dipilih oleh pemilih lain juga boleh menggunakannya, seperti kod JQuery berikut:

$(":checkbox,:radio").serialize();

Sirikan nilai kotak semak dan butang radio ke dalam bentuk rentetan Hanya nilai yang dipilih akan disiri.

Terdapat juga kaedah yang serupa dengan serialize() dalam JQuery - serializeArray(). Kod JQuery adalah seperti berikut:

var fields = $(":checkbox,:radio").serializeArray();
console.log(fields); //用FireBug输出

Kaedah $.param() ialah teras kaedah serialize(), yang digunakan untuk mensiri tatasusunan atau objek mengikut kunci/nilai.

Contohnya, sirikan objek biasa:

var obj = {a:1,b:2,c:3};
var k = $.param(obj);
alert(k); //输出a=1&b=2&c=3
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