jquery를 통한 양식 제출

-1

여기 jquery를 통해 양식 요청을 제출하려고하는데 그 이유는 모르지만 코드를 실행하고 내 console.when에서 양식을 제출하려고 시도 할 때 아무 것도 표시되지 않습니다. 일반적으로 양식 작업을 통해 성공합니다. 모든 도움은 충분히 감사합니다.jquery를 통한 양식 제출

JQUERY & JSP 형태 :

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
pageEncoding="ISO-8859-1" import="java.util.List,beans.Country,mainclasses.CountryListing" errorPage=""%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Post a property</title> 
<jsp:useBean id="CNY" class="beans.Country" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script type="text/javascript" src="js/combochange.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#contact_details_submit").click(function() { 

     var companyname = $("#company_name").val(); 
     var officeaddress = $("#office_address").val(); 
     var countryname = $("#country_name option:selected").val(); 
     var statename = $("#state_name option:selected").val(); 
     var cityname = $("#city_name option:selected").val(); 
     var mobile_num = $("#mobilenum").val(); 
     alert(companyname+" : "+officeaddress); 
     $.get("conatctDetailsInsert.jsp", 
     { 
     company_name : companyname, 
     office_address:officeaddress, 
     country_name:countryname, 
     state_name:statename, 
     city_name:cityname, 
     mobilenum:mobile_num} ,function(data){ 
      alert(data);   
     });//end get   
    }); 
    }); 

</script> 
</head> 
<body> 
<form action=""> 

<table cellpadding="0" cellspacing="0" border="1" width="500"> 
<tbody id="contact_details"> 
<tr> 
<td>i am a 
<select> 
<option>Agent/broker</option> 
<option>Builder/Pvt.Ltd company</option> 
</select> 
</td> 
</tr> 
<tr> 
<td><h3>Contact Details</h3></td></tr> 
<tr> 
<td> 
Company Name:<input type="text" value="" id="company_name" name="company_name"/> 
</td></tr> 
<tr> 
<td>Office Address:<input type="text" value="" id="office_address" name="office_address"/><br> 
Country: 
<select id="country_name" name="country_name"> 
<option>-Select-</option> 
<% 
mainclasses.CountryListing CNY_CL = new mainclasses.CountryListing(); 

List<Country> CNY_List=CNY_CL.getCountry(); 
for(int i=0; i < CNY_List.size(); i++){ 
CNY=(beans.Country)CNY_List.get(i); 
%> 



<option value="<%=CNY.getIdCountry() %>"><%=CNY.getCountryName() %></option> 

<%} %> 
</select><br> 

State:<select id="state_name" name="state_name"><option></option></select><br> 
City:<select id="city_name" name="city_name"><option></option></select><br> 
</td> 
</tr> 
<tr> 
<td> 
Contact Number: 
<input type="tel" id="mobilenum" value="" name="mobilenum"/> 
</td> 
</tr> 
<tr> 
<td> 
<input type="submit" id="contact_details_submit" name="contact_details_submit"/> 
</td> 
</tr> 
</tbody> 

</table> 
</form> 
</body> 
</html>

요청 처리 JSP :

<%@page import="beans.ConatctDetailsService"%> 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
    pageEncoding="ISO-8859-1"%> 

<%boolean x=false; 
String company_name =request.getParameter("company_name"); 
String office_address =request.getParameter("office_address"); 
String country_name =request.getParameter("country_name"); 
String state_name =request.getParameter("state_name"); 
String city_name =request.getParameter("city_name"); 
String mobilenum =request.getParameter("mobilenum"); 
beans.ConatctDetailsService CTD = new beans.ConatctDetailsService(); 
CTD.setCompanyName(company_name); 
CTD.setCompanyName(office_address); 
CTD.setIdCountry(country_name); 
CTD.setIdState(state_name); 
CTD.setCity(city_name); 
CTD.setMobNum(mobilenum); 
x=CTD.insert(); 
System.out.println(x); 
CTD.geterror(); 
if(x){ 
    out.println("done"); 
} 
else{ 
    out.println("no"); 
} 
%>

출처

2014-02-15 3bu1

입력 제출 동작의 기본 동작을 방지합니다. –

시도는 예를 들어, 폼 태그에 ID를 추가

<form id='myForm'>

변경 양식을 제출하십시오. 무슨 일이 일어나고 있는지 확인하기 위해 AJAX 요청을 넣어

$(document).ready(function(){ 
$("#myForm").on('submit', function(e) { 
e.preventDefault();

출처

2014-02-15 11:56:50 lalaland

고맙습니다. 이제는 작동하지 않습니다. e.preventDefault(); – 3bu1

시도 :

$.ajax({ 
    type:'GET', 
    url: 'conatctDetailsInsert.jsp', 
    data: {company_name : companyname, 
     office_address:officeaddress, 
     country_name:countryname, 
     state_name:statename, 
     city_name:cityname, 
     mobilenum:mobile_num}, 
    success: function(data) { 
    console.log(data); 
    }, error: function(jqXHR, textStatus, errorThrown) { 
    console.log(err); 
    } 
});

출처

2014-02-15 11:57:47

내가 많이 청소기, 이런 식으로 할 것이다.

출처

2014-02-15 13:07:34 Wilmer

jquery를 통한 양식 제출

답변

관련 문제