溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何$.ajax()方法進(jìn)行網(wǎng)頁(yè)間傳值

發(fā)布時(shí)間：2021-09-15 09:47:18 來(lái)源：億速云 閱讀：105 作者：柒染 欄目：web開(kāi)發(fā)

今天就跟大家聊聊有關(guān)如何$.ajax()方法進(jìn)行網(wǎng)頁(yè)間傳值，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

ajaxtext1.jsp

復(fù)制代碼 代碼如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <script type="text/javascript" language="javascript" src="jquery.js"></script> <!-- 必須包含 jquery.js文件，否則將無(wú)法傳值--> <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, //也可以用注釋的這方式來(lái)進(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"><h3 class="titName SG_txta" id="t_4f925fc30100la36">JQuery中$.ajax()方法參數(shù)詳解 問(wèn)百度或Google 
</h3></pre> 
<pre></pre> 
<div >??</div> 
<pre></pre>

看完上述內(nèi)容，你們對(duì)如何$.ajax()方法進(jìn)行網(wǎng)頁(yè)間傳值有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手