$.ajax()方法進(jìn)行網(wǎng)頁間傳值示例
更新時(shí)間:2014年04月02日 15:31:50 作者:
這篇文章主要介紹了$.ajax()方法進(jìn)行網(wǎng)頁間傳值的具體實(shí)現(xiàn),需要的朋友可以參考下
ajaxtext1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type="text/javascript" language="javascript" src="jquery.js"></script> <!-- 必須包含 jquery.js文件,否則將無法傳值-->
<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, //也可以用注釋的這方式來進(jìn)行傳值操作
data:{sendstr1:form1.text1.value,sendstr2:ss}, //也可以用 $("#text1").val()的方式讀取text1中的元素值
success:function(data){
alert(data);
}
});
}
</script>
</head>
<body>
<div align="center">
<form id="form1" name="form1" action="" method="post" >
輸入:<input type="text" name="text1" id="text1"><br>
金球:<input type="radio" name="radio1" value="梅西">梅西
<input type="radio" name="radio1" value="C羅">C羅<br>
<input type="button" value="提交" onclick="fun()">
</form>
</div>
</body>
</html>
ajaxtest2.jsp
<pre code_snippet_id="269881" snippet_file_name="blog_20140402_4_8173458" class="javascript" name="code"><%@ 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" class="javascript" name="code"></pre><pre code_snippet_id="269881" snippet_file_name="blog_20140402_5_3124712" class="javascript" name="code"><h2 class="titName SG_txta" id="t_4f925fc30100la36">JQuery中$.ajax()方法參數(shù)詳解 問百度或Google
</h2></pre>
<pre></pre>
<div style="top:177px"></div>
<pre></pre>
復(fù)制代碼 代碼如下:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type="text/javascript" language="javascript" src="jquery.js"></script> <!-- 必須包含 jquery.js文件,否則將無法傳值-->
<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, //也可以用注釋的這方式來進(jìn)行傳值操作
data:{sendstr1:form1.text1.value,sendstr2:ss}, //也可以用 $("#text1").val()的方式讀取text1中的元素值
success:function(data){
alert(data);
}
});
}
</script>
</head>
<body>
<div align="center">
<form id="form1" name="form1" action="" method="post" >
輸入:<input type="text" name="text1" id="text1"><br>
金球:<input type="radio" name="radio1" value="梅西">梅西
<input type="radio" name="radio1" value="C羅">C羅<br>
<input type="button" value="提交" onclick="fun()">
</form>
</div>
</body>
</html>
ajaxtest2.jsp
復(fù)制代碼 代碼如下:
<pre code_snippet_id="269881" snippet_file_name="blog_20140402_4_8173458" class="javascript" name="code"><%@ 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" class="javascript" name="code"></pre><pre code_snippet_id="269881" snippet_file_name="blog_20140402_5_3124712" class="javascript" name="code"><h2 class="titName SG_txta" id="t_4f925fc30100la36">JQuery中$.ajax()方法參數(shù)詳解 問百度或Google
</h2></pre>
<pre></pre>
<div style="top:177px"></div>
<pre></pre>
相關(guān)文章
利用iframe實(shí)現(xiàn)ajax跨域通信的實(shí)現(xiàn)原理(圖解)
一般情況下都是用在同一域下的ajax請求;但是如果請求是發(fā)生在不同的域下,請求就無法執(zhí)行,并且會拋出異常提示不允許跨域請求,接下來介紹利用iframe實(shí)現(xiàn)ajax跨域通信感興趣的朋友可以了解下,或許對你學(xué)習(xí)ajax跨域有所幫助2013-02-02ajax中指定innerHTML時(shí)如何應(yīng)用其中的SCRIPT的研究
ajax中指定innerHTML時(shí)如何應(yīng)用其中的SCRIPT的研究...2007-03-03用juery的ajax方法調(diào)用aspx.cs頁面中的webmethod方法示例
juery的ajax調(diào)用aspx.cs頁面中的webmethod方法:首先在 aspx.cs文件里建一個(gè)公開的靜態(tài)方法,然后加上WebMethod屬性,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-07-07四步輕松實(shí)現(xiàn)ajax發(fā)送異步請求
這篇文章主要教大家輕松實(shí)現(xiàn)ajax發(fā)送異步請求,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10