$.ajax()方法进行网页间传值示例
网络编程 2021-07-05 10:37www.168986.cn编程入门
这篇文章主要介绍了$.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中的元素值
suess: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()方法参数详解 问百度或Google
</h2></pre>
<pre></pre>
<div style=":177px"></div>
<pre></pre>
代码如下:
<%@ 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中的元素值
suess: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()方法参数详解 问百度或Google
</h2></pre>
<pre></pre>
<div style=":177px"></div>
<pre></pre>
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程：电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示：编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程