Cette fois, je vais vous présenter la méthode d'interaction ajax front-end et back-end. Quelles sont les précautions pour l'interaction ajax front-end et back-end. Voici un cas pratique, jetons un coup d'oeil.
Pour échanger des données avec le backend qui est souvent utilisé dans le front-end, ajax est généralement utilisé
Mais il existe de nombreuses façons d'interagir, dont beaucoup dépendent des propriétés de votre backend. Ici, je liste principalement deux méthodes qui sont couramment utilisées dans mes projets actuels
- l'une est notre API Web commune et notre contrôleur ,
Tout d'abord, regardons de plus près Données d'interaction entre ajax et webapi
Voici une brève description des quatre propriétés de l'API Web-GET, POST, PUT, DELETE
Ici, moi, Yongchang, j'utilise GET et POST
Si nous devons utiliser AJAX pour interagir avec les données back-end à ce moment$.ajax({ url: "你的webapi", type: "Get", DATA{},//这里面写你要传给后端的数据,不过GET方法一般不需要,直接读就可以了 success: function (data) { //成功后的return事件 } error: function (data) { alert("data");//请求错误后的报错事件(很重要,如果你报错了不知道哪儿要改的话这个可以帮助你,我个人感觉主要是500报错) } })
$.ajax({ url: "你的webapi", type: "POST", DATA{},//这里面写你要传给后端的数据,这里面有点十分重要就是你的webapi方法上面一定要加[HTTPPOST]不然会500报错 success: function (data) { //成功后的return事件 } error: function (data) { alert("data");//请求错误后的报错事件(很重要,如果你报错了不知道哪儿要改的话这个可以帮助你,我个人感觉主要是500报错) } })
$.ajax({ url: 你的控制器/你的控制器方法名字, type: 'POST', dataType: 'json', data: ,//依旧是你要传递参数的值 contentType: “”application/json”,//这儿是告诉你传递参数一定是要json格式的啊 success: function (data) { //成功后的返回事件 } });
Comment gérer les erreurs lors du renvoi de données JSON à Ajax dans Spring MVC
Implémentation du flux en cascade Ajax démo Partager (avec code)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!