$.ajax() 메서드는 웹 페이지 간에 값을 전송합니다.-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

$.ajax() 메서드는 웹 페이지 간에 값을 전송합니다.

不言

Jul 02, 2018 pm 05:16 PM

이 글에서는 주로 웹 페이지 간 값 전송을 위한 $.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 중국어 홈페이지를 참고해주세요!

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7548

Cakephp 튜토리얼

1382

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

내 자신의 JavaScript 라이브러리를 어떻게 작성하고 게시합니까? Mar 18, 2025 pm 03:12 PM

기사는 JavaScript 라이브러리 작성, 게시 및 유지 관리, 계획, 개발, 테스트, 문서 및 홍보 전략에 중점을 둡니다.

브라우저에서 성능을 위해 JavaScript 코드를 최적화하려면 어떻게해야합니까? Mar 18, 2025 pm 03:14 PM

이 기사는 브라우저에서 JavaScript 성능을 최적화하기위한 전략에 대해 설명하고 실행 시간을 줄이고 페이지로드 속도에 미치는 영향을 최소화하는 데 중점을 둡니다.

프론트 엔드 열 용지 영수증에 대한 차량 코드 인쇄를 만나면 어떻게해야합니까? Apr 04, 2025 pm 02:42 PM

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

브라우저 개발자 도구를 사용하여 JavaScript 코드를 효과적으로 디버그하려면 어떻게해야합니까? Mar 18, 2025 pm 03:16 PM

이 기사는 브라우저 개발자 도구를 사용하여 효과적인 JavaScript 디버깅, 중단 점 설정, 콘솔 사용 및 성능 분석에 중점을 둡니다.

누가 더 많은 파이썬이나 자바 스크립트를 지불합니까? Apr 04, 2025 am 12:09 AM

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.