今天就跟大家聊聊有关如何$.ajax()方法进行网页间传值,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 ajaxte
今天就跟大家聊聊有关如何$.ajax()方法进行网页间传值,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
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, //也可以用注释的这方式来进行传值操作 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"><h3 class="titName SG_txta" id="t_4f925fc30100la36">JQuery中$.ajax()方法参数详解 问百度或Google
</h3></pre>
<pre></pre>
<div ></div>
<pre></pre>
看完上述内容,你们对如何$.ajax()方法进行网页间传值有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网JavaScript频道,感谢大家的支持。
--结束END--
本文标题: 如何$.ajax()方法进行网页间传值
本文链接: https://lsjlt.com/news/81214.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0