手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >$.ajax()方法进行网页间传值示例
$.ajax()方法进行网页间传值示例
摘要:ajaxtext1.jsp复制代码代码如下:functionfun(){varss;varradio1=document.getElemen...

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 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="提交">

</form>

</div>

</body>

</html>

ajaxtest2.jsp

复制代码 代码如下:

<pre code_snippet_id="269881" snippet_file_name="blog_20140402_4_8173458" 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" name="code"></pre><pre code_snippet_id="269881" snippet_file_name="blog_20140402_5_3124712" name="code"><h2 id="t_4f925fc30100la36">JQuery中$.ajax()方法参数详解 问百度或Google

</h2></pre>

<pre></pre>

<div></div>

<pre></pre>

【$.ajax()方法进行网页间传值示例】相关文章:

Ajax长连接项目案例

Ajax内部交流文档第1/3页

ajax异步处理POST表单中的数据示例代码

php ajax无刷新上传图片实例代码

用 ajax 的方法解决网页广告显示的问题

基于Jquery ajax技术实现间隔N秒向某页面传值

Jquery $.ajax函数外的一段代码的执行顺序

用实现ajax读博客rss示例代码

jQuery中ajax - get() 方法实例详解

$.ajax()方法参数详解

精品推荐
分类导航