Welche Möglichkeiten gibt es, mit Jquery zu interagieren?

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>

Dritte Methode: POST-Methode:

下面的例子把 "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>

To Zugriff auf die Das Hintergrundservlet kann die Adresse auch direkt wie folgt schreiben:

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对象：

rrreee

你们是不是还要问 不是有五种吗 为啥子前面就讲了四种？

没错 还有一种：

第五种：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🎜🎜, 🎜🎜$.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!