Divers gestes du front-end ajax interagissant avec le back-end (tutoriel graphique)

Cet article présente principalement diverses connaissances connexes sur l'interaction ajax front-end et back-end, qui ont une bonne valeur de référence. Jetons un coup d'oeil ensemble

Pour échanger des données avec le backend qui est souvent utilisé dans le front-end, on utilise généralement ajax

Mais il existe de nombreuses façons d'interagir, et beaucoup dépend sur Concernant les propriétés de votre backend, je liste ici principalement deux méthodes qui sont couramment utilisées dans mes projets actuels

--l'une est notre API et notre contrôleur Web communs,

Tout d'abord, commençons regardez de plus près les 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报错)
    }
  })

Ce type de GET lit généralement certaines données du back-end lors de l'initialisation. de la page Web puis l'attribue à Sur la page (peut-être que ma terminologie professionnelle n'est pas standard, veuillez me pardonner ＱＡＱ)

Ensuite, ce dont je veux parler, c'est de la méthode POST

$.ajax({
    url: "你的webapi",
    type: "POST",
    DATA{},//这里面写你要传给后端的数据，这里面有点十分重要就是你的webapi方法上面一定要加[HTTPPOST]不然会500报错
    success: function (data) {
       //成功后的return事件
      }
    error: function (data) {
      alert("data");//请求错误后的报错事件(很重要，如果你报错了不知道哪儿要改的话这个可以帮助你，我个人感觉主要是500报错)
    }
  })

La méthode POST générale est la même que la méthode ajax habituelle, seulement. Vous devez penser à ajouter [HTTPPOST] à votre méthode WEBAPI

Pour le reste, je voudrais résumer quelques méthodes POST au contrôleur qui sont parfois utilisés. Bien qu'il soit dit que le contrôleur peut directement URLPOST, mais personnellement, j'aime toujours utiliser AJAX, principalement parce qu'AJAX peut voir où se trouvent mes erreurs psot 233

$.ajax({
          url: 你的控制器/你的控制器方法名字,
          type: 'POST',
          dataType: 'json',
          data: ,//依旧是你要传递参数的值
          contentType: “”application/json”,//这儿是告诉你传递参数一定是要json格式的啊  
          success: function (data) {
            //成功后的返回事件
          }
        });

Ce qui précède est. ce que j'ai compilé pour tout le monde, j'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

dwz Comment supprimer le chargement de ajax (tutoriel graphique)

Implémentation FormData+Ajax Suivi de la progression du téléchargement

L'effet d'attente de chargement avant qu'Ajax ne renvoie les données (tutoriel graphique)

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!