Jquery 상호 작용 방법은 다음과 같습니다. 1. 로드 방법, 서버에서 데이터를 로드하고 반환된 데이터를 선택한 요소에 넣습니다. 2. GET 방법, HTTP GET 요청을 통해 서버에서 데이터 요청; HTTP POST 요청을 통한 서버 4. 반환된 개체는 json 형식입니다. 6. 양식에 첨부된 부분 새로 고침 메서드.
이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6 버전, Dell G3 컴퓨터.
첫 번째 방법: 서버에서 데이터를 로드하고 로드한 다음 반환된 데이터를 선택한 요소에 넣습니다
<script type="text/javascript"> $(document).ready(function(){ $("#mybutton").click(function(){ $("#mydiv").load("haha.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt=="success"){ alert("成功"); } if(statusTxt=="error"){ alert("失败:"+xhr.status+":"+xhr.statusTxt); } }); }); }) </script>
下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容, 加载到指定的 <div> 元素中: 实例: $("#div1").load("demo_test.txt #p1");
두 번째 방법: GET 방법:
$(document).ready(function(){ $("#mybutton").click(function(){ $.get("haha.txt",null,function(data,status){ alert(data+":"+status); }); }); });
세 번째 방법: POST 방법:
<script type="text/javascript"> $(document).ready(function() { $("#mybutton").click(function() { $.get("/Json/JsonServlet", { name:"我是谁", age:12 }, function(data, status) { alert(data + ":" + status); }); }); }); </script>
백그라운드 서블릿과 상호작용하는 POST:
POST要和后台Servlet交互:
response.setCharacterEncoding("utf-8"); System.out.println(request.getParameter("name")); System.out.println(request.getParameter("age")); response.getWriter().println("你找到我了");
后台输出:
我是谁 12
要访问后台servlet也可以直接如此写地址:
$.get("JsonServlet",
第四种:getJSON方式:
<script type="text/javascript"> $(document).ready(function() { $("#mybutton").click(function() { $.getJSON("JsonServlet", { name:"我是谁", age:12 }, function(json) { alert(json.name); $("#mydiv").html(json.name); }); }); }); </script>
返回的就直接是json格式的对象,无需JSON.parse的方法转换。
注意:不管是哪种方式后台都有两种方式和前台交互:
第一种后台交互:直接拼接字符串。
response.getWriter(). print("{\"name\":\"爱你\",\"age\":12}");
第二种 传入JSON对象:
JSONObject jsonObject = new JSONObject("{'name':'爱你','age':12}"); response.getWriter().print(jsonObject);
相同的最终传递给前台的时候都默认以字符串的形式传递过去,
注意的是除了getJSON方式 前台可以使用两种方式来将字符串转换成js对象:
1. eval()函数 :不推荐,有隐患 会执行其他js操作 2. JSON.parse()函数 :推荐:只执行对象转换操作
你们是不是还要问 不是有五种吗 为啥子前面就讲了四种?
没错 还有一种:
第五种:jQuery.ajax():
执行异步 HTTP (Ajax) 请求
rrreee
백그라운드 출력: rrreee에 액세스하려면 백그라운드 서블릿은 다음과 같이 주소를 직접 쓸 수도 있습니다. rrreee
🎜🎜네 번째 방법: getJSON 메서드: 🎜🎜🎜rrreee🎜🎜 반환된 개체는 JSON.parse 메서드 변환이 필요 없이 직접 json 형식입니다. 🎜🎜🎜참고: 배경이 프런트엔드와 상호 작용하는 방식에 관계없이 두 가지 방법이 있습니다. 🎜🎜🎜첫 번째 배경 상호 작용: 문자열을 직접 연결합니다. 🎜🎜rrreee🎜🎜 전달된 JSON 개체의 두 번째 유형: 🎜🎜rrreee🎜 동일한 내용이 기본적으로 문자열 형식으로 프런트 데스크에 전달됩니다. 🎜 참고로 🎜getJSON 메서드🎜 외에도 데스크는 두 가지 방법을 사용할 수 있습니다. 문자열을 js 객체로 변환하려면: 🎜rrreee🎜 아직도 5가지 종류가 있는지 묻고 싶나요? 이전에 왜 4가지 종류에 대해 이야기했습니까? 🎜🎜예, 또 다른 방법이 있습니다. 🎜🎜🎜🎜다섯 번째 방법: jQuery.ajax(): 🎜🎜🎜🎜비동기 HTTP(Ajax) 요청 실행
🎜🎜이 방법은 기본 AJAX 구현입니다. jQuery의 모든 AJAX 메소드는 ajax() 메소드를 사용합니다. . 간단하고 사용하기 쉬운 상위 수준 구현을 보려면 .get🎜🎜, 🎜🎜🎜을 참조하세요.위 내용은 Jquery와 상호작용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!