이 글에서는 주로 웹 페이지 간 값 전송을 위한 $.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 중국어 홈페이지를 참고해주세요!
관련 권장 사항:
jQuery를 사용하여 ajax로 blob 파일을 다운로드하는 방법
AJAX jQuery로 구현된 간단한 팝업 레이어 효과
위 내용은 $.ajax() 메서드는 웹 페이지 간에 값을 전송합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!