AJax技术

$.ajax()方法进行网页间传值示例

字号+ 作者:H5之家 来源:H5之家 2017-06-10 18:01 我要评论( )

ajaxtext1.jsp 复制代码 代码如下: %@ page language=java import=java.util.* pageEncoding=utf-8% scri……


<%@ 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>
<form action="" method="post" >
输入:<input type="text"><br>
金球:<input type="radio" value="梅西">梅西
<input type="radio" value="C罗">C罗<br>
<input type="button" value="提交">
</form>
</div>
</body>
</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Javascript教程资源分享门户

    Javascript教程资源分享门户

    2017-05-15 09:09

  • 求赞,关于$this-success()方法的小技巧

    求赞,关于$this-success()方法的小技巧

    2017-04-08 12:01

  • JSP jQuery的$.ajax方法失效的解决方法

    JSP jQuery的$.ajax方法失效的解决方法

    2017-03-30 15:04

  • jQuery $.ajax .abort() 大猫 (Madao)

    jQuery $.ajax .abort() 大猫 (Madao)

    2017-02-20 09:00

网友点评