Terangkan secara ringkas kaedah borang penyerahan JavaScript (Menggunakan Borang Hantar JavaScript)_kemahiran javascript

Baru-baru ini saya menghadapi masalah menggunakan JavaScript untuk menyerahkan borang semasa projek. Saya telah melakukannya beberapa kali sebelum ini, tetapi kali ini saya merumuskan beberapa cara untuk menyerahkan borang menggunakan JavaScript, dan membandingkannya dipilih Cara yang paling sesuai untuk projek ini.

Saya sedang mengusahakan sistem kecil untuk mencipta pengguna untuk Sun Communication Suite Semua orang tahu bahawa kami boleh mengakses pelayan melalui borang, Ajax dan pautan Cara paling mudah ialah menggunakan sambungan, contohnya: First Page, tulis semua data yang diperlukan pada hyperlink , jika anda boleh memerhatikannya, anda akan tahu bahawa dalam pautan di atas, hanya currentPage yang berubah, dan peristiwa parameter lain, kata kunci, searbyBy dan cn tidak berubah, jadi saya fikir jika saya boleh merangkum parameter yang tidak berubah ini ke dalam bentuk, apabila pengguna mengklik hiperpautan di atas, saya menyerahkan borang menggunakan JavaScript, maka saya secara semula jadi akan mengakses pelayan.

Borang:

<form name="pagination" id="pagination" action="UserServlet" method="get">
<input type="hidden" name="currentPage" value="1"/>
<Input type="hidden" name="cn" value="<%=request.getAttribute("cn")%>"/>
<input type="hidden" name="keyword" value="<%=request.getAttribute("keyword")%>"/>
<input type="hidden" name="searchBy" value="<%=request.getAttribute("searchBy")%>"/>
<input type="hidden" name="event" value="SEARCH_USER_FOR_MAILING_LIST">
</form>

Dalam proses menyerahkan borang, saya hanya perlu menghantar parameter currentPage ke JavaScript, jadi saya menukar pautan di atas kepada borang berikut:

<a href=# onclick=document.pagination.currentPage.value="+pages[j]+";document.pagination.submit();><span style='color: red;'>["+pages[j]+"]</span></a>

Semua orang mesti memberi perhatian kepada menulis document.pagination.currentPage.value="+pages[j]+" di hadapan document.pagination.submit();, supaya sebelum pengguna menyerahkan borang, parameter currentPage telah diubah suai kepada nilai yang kita perlukan. Dengan cara ini, saya telah menyelesaikan penggunaan sambungan untuk menghantar borang, tetapi saya menghadapi masalah saya perlu mencuba kod di atas pada banyak halaman Jika saya boleh menulis sekeping JavaScript secara seragam, ia akan memudahkan saya untuk melakukan keseluruhan sistem pada masa hadapan, jadi saya menulis fungsi JavaScript.

function submitForm(id,currentPage){
//var currentPage = document.pagination.currentPage.value;
//alert(currentPage);
//currentPage=100;
//var currentPage = document.pagination.currentPage.value;
//alert(currentPage);
document.pagination.currentPage.value=currentPage;
var form = document.getElementById(id);
form.submit();
}

Kemudian saya menggunakan fungsi ini pada acara onclick hiperpautan:

["+halaman[j]+"], anda boleh melihat keseluruhan perenggan Kod itu lebih mudah.

Jadi saya meringkaskannya mungkin ada dua cara untuk menulis borang menggunakan Javascript (mengikut pemahaman saya sekarang)

1. document.formName.submit();

2. var form = document.getElementById(id);

form.submit();

Lain kali saya ingin berkongsi dengan anda bagaimana untuk melaksanakan paging menggunakan JNDI. Saya telah melampirkan kod kali ini untuk rujukan anda.

commons.js

function submitForm(id,currentPage){
//var currentPage = document.pagination.currentPage.value;
//alert(currentPage);
//currentPage=100;
//var currentPage = document.pagination.currentPage.value;
//alert(currentPage);
document.pagination.currentPage.value=currentPage;
var form = document.getElementById(id);
form.submit();
}

mailingListMemberAdd.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ page import="java.util.LinkedList" %>
<%@ page import="java.util.Iterator" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page import="my.gov.rmp.webmail.domain.User" %>
<%@ page import="my.gov.rmp.webmail.util.Pager" %>








 

Add new members to mailing list: <%=request.getAttribute("cn")%>


<% 
Pager pager =(Pager) request.getAttribute("pager");
int currentPage =pager.getCurrentPage();
int pageSize = pager.getPageSize();
int i=(currentPage-1)*pageSize;
LinkedList users = (LinkedList)request.getAttribute("users");
if(!users.isEmpty()){
%>

<%
for(Iterator iter = users.iterator();iter.hasNext();){
User user = (User) iter.next();
i++;
// Attributes attrs = user.getAttrs();
%>
 
<%
}
%>
"/>
No.      
UID:
gCode:
Givenname:
Surname:
Mail:
Description:
<%=i%>.  
<%=user.getUid()%>
<%=user.getGCode()%>
<%=user.getGivenName()%>
<%=user.getSn()%>
<%=user.getMail()%>
<%if(user.getDescription()==null||user.getDescription().length()==0){%>Not Set<%} else %><%=user.getDescription()%>

Select All
Deselect All




Pages:
<form name="pagination" id="pagination" action="UserServlet" method="get">
<input type="hidden" name="currentPage" value="1"/>
<Input type="hidden" name="cn" value="<%=request.getAttribute("cn")%>"/>
<input type="hidden" name="keyword" value="<%=request.getAttribute("keyword")%>"/>
<input type="hidden" name="searchBy" value="<%=request.getAttribute("searchBy")%>"/>
<input type="hidden" name="event" value="SEARCH_USER_FOR_MAILING_LIST">
</form>
<%
int[] pages = pager.getPages();
String keyword = request.getAttribute("keyword").toString();
String searchBy = request.getAttribute("searchBy").toString();
if(pager.isHasFirst()){
out.println("First Page  ");
}
if(pager.isHasPrevious()){
out.println("Prev Page  ");
}
for(int j=0;j["+pages[j]+"]");
}else {
out.println("["+pages[j]+"]");
}
}
if(pager.isHasNext()){
out.println("Next Page  ");
}
if(pager.isHasLast()){
out.println("Last Page  ");
}
%>

<%
} else {
//make the mailing list member availabe when user are trying to re-run the search 
//request.setAttribute("members", members);
%>
No results are matched your keyword or the user that you are looking for is already a member of this mailing list, please specify another keywork and ">Search Again
<% 
}
%>