$.ajax()方法進行網頁間傳值示例

2024-09-01 08:32:39

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了$.ajax()方法進行網頁間傳值的具體實現,需要的朋友可以參考下

ajaxtext1.jsp

復制代碼代碼如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type="text/javascript" language="javascript" src="jquery.js"></script> 
<head>
<script type="text/javascript">
function fun(){
var ss;
var radio1=document.getElementsByName("radio1"); //讀取單選按鈕的值
for(var i=0;i<radio1.length;i++){
if(radio1.item(i).checked){
ss=radio1.item(i).value;
break;
}
}
// var sendstr="sendstr1="+form1.text1.value+"&sendstr2="+ss;
$.ajax({
type:"POST",
url: "ajaxtest2.jsp",
async:false,
// data:sendstr, //也可以用注釋的這方式來進行傳值操作
data:{sendstr1:form1.text1.value,sendstr2:ss}, //也可以用 $("#text1").val()的方式讀取text1中的元素值
success:function(data){
alert(data);
}
});
}
</script>
</head>
<body>
<div>
<form action="" method="post" >
輸入：<input type="text"><br>
金球：<input type="radio" value="梅西">梅西
<input type="radio" value="C羅">C羅<br>
<input type="button" value="提交">
</form>
</div>
</body>
</html>

ajaxtest2.jsp

復制代碼代碼如下:

<pre code_snippet_id="269881" snippet_file_name="blog_20140402_4_8173458"><%@ page contentType="text/html;charset=utf-8"%>

<%
request.setCharacterEncoding("utf-8");
String sendstr1=request.getParameter("sendstr1");
String sendstr2=request.getParameter("sendstr2");
String sReturn=sendstr1+"_new_"+sendstr2;
%>
<%=sReturn%></pre><pre code_snippet_id="269881" snippet_file_name="blog_20140402_5_3124712"></pre><pre code_snippet_id="269881" snippet_file_name="blog_20140402_5_3124712"><h2>JQuery中$.ajax()方法參數詳解問百度或Google
</h2></pre>
<pre></pre>
<div></div>
<pre></pre>