JQuery-Interaktionsmethoden sind: 1. Load-Methode, Daten vom Server laden und die zurückgegebenen Daten in das ausgewählte Element einfügen; 2. GET-Methode, Daten vom Server über HTTP-GET-Anfrage anfordern; 3. POST-Methode, Daten anfordern von 4. getJSON-Methode, das zurückgegebene Objekt liegt direkt im JSON-Format vor. 5. jQuery.ajax()-Methode. 6. Teilweise Aktualisierungsmethode des an das Formular angehängten Formulars.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6-Version, Dell G3-Computer. 6 Möglichkeiten zur Interaktion mit Jquery Ajax Front und Backend GET-Methode:
<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");POST zur Interaktion mit dem Hintergrund-Servlet:
$(document).ready(function(){
$("#mybutton").click(function(){
$.get("haha.txt",null,function(data,status){
alert(data+":"+status);
});
});
});Hintergrundausgabe: <script type="text/javascript">
$(document).ready(function() {
$("#mybutton").click(function() {
$.get("/Json/JsonServlet", {
name:"我是谁",
age:12
}, function(data, status) {
alert(data + ":" + status);
});
});
});
</script>
response.setCharacterEncoding("utf-8");
System.out.println(request.getParameter("name"));
System.out.println(request.getParameter("age"));
response.getWriter().println("你找到我了");Der vierte Weg: getJSON-Methode:
我是谁 12
Das zurückgegebene Objekt liegt direkt im JSON-Format vor, ohne dass eine Konvertierung der JSON.parse-Methode erforderlich ist. POST要和后台Servlet交互：
$.get("JsonServlet",后台输出：
<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>要访问后台servlet也可以直接如此写地址：
response.getWriter().
print("{\"name\":\"爱你\",\"age\":12}");第四种：getJSON方式：
JSONObject jsonObject =
new JSONObject("{'name':'爱你','age':12}");
response.getWriter().print(jsonObject);返回的就直接是json格式的对象，无需JSON.parse的方法转换。
注意：不管是哪种方式后台都有两种方式和前台交互：
第一种后台交互：直接拼接字符串。
1. eval（）函数 ：不推荐，有隐患 会执行其他js操作 2. JSON.parse（）函数 ：推荐：只执行对象转换操作
第二种 传入JSON对象：
rrreee相同的最终传递给前台的时候都默认以字符串的形式传递过去，
注意的是除了getJSON方式 前台可以使用两种方式来将字符串转换成js对象：
你们是不是还要问 不是有五种吗 为啥子前面就讲了四种？
没错 还有一种：
第五种：jQuery.ajax()：
执行异步 HTTP (Ajax) 请求
Hinweis: Unabhängig davon, wie der Hintergrund mit dem Frontend interagiert, gibt es zwei Möglichkeiten: Die erste Hintergrundinteraktion: direktes Zusammenfügen von Zeichenfolgen.
rrreee🎜🎜Der zweite Typ von eingehenden JSON-Objekten: 🎜🎜rrreee🎜Dasselbe wird standardmäßig in Form einer Zeichenfolge an die Rezeption übergeben. 🎜 Beachten Sie, dass zusätzlich zur 🎜getJSON-Methode🎜 die Rezeption Sie können zwei Methoden verwenden, um den String in ein js-Objekt umzuwandeln: 🎜rrreee🎜 Möchten Sie immer noch fragen, ob es fünf Arten gibt? 🎜🎜Ja, es gibt noch eine andere: 🎜🎜🎜🎜Der fünfte Weg: jQuery.ajax(): 🎜🎜🎜🎜Asynchrone HTTP (Ajax)-Anfrage ausführen🎜🎜Diese Methode ist die zugrunde liegende AJAX-Implementierung von jQuery. Alle jQuery-AJAX-Methoden verwenden die ajax()-Methode. . Eine einfache und benutzerfreundliche High-Level-Implementierung finden Sie unter .get🎜🎜, 🎜🎜🎜Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, mit Jquery zu interagieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
