$.ajax()方法进行网页间传值-js教程-PHP中文网

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

不言

发布： 2018-07-02 17:16:42

原创

2474 人浏览过

这篇文章主要介绍了$.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> 
<p 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> 
</p> 
</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%>

<h2 class="titName SG_txta" id="t_4f925fc30100la36">JQuery中$.ajax()方法参数详解 问百度或Google 
</h2>

登录后复制

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

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