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>

Nach dem Login kopieren

下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容，  
加载到指定的 <div> 元素中：
实例：
$("#div1").load("demo_test.txt #p1");

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

相同的最终传递给前台的时候都默认以字符串的形式传递过去，
注意的是除了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.

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!