Maison  >  Article  >  développement back-end  >  Explication détaillée de l'interaction ajax front-end et back-end

Explication détaillée de l'interaction ajax front-end et back-end

小云云
小云云original
2017-12-26 11:29:542019parcourir

Pour échanger des données avec le back-end qui est souvent utilisé dans le front-end, ajax est généralement utilisé. Cet article présente principalement les diverses connaissances liées à l'ajax du front-end et à l'interaction back-end, qui a un. bonne valeur de référence. Jetons un coup d'œil avec l'éditeur ci-dessous, j'espère que cela pourra aider tout le monde.

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 la nôtre. API Web commune et contrôleur,

Tout d'abord, examinons 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, Yongchang utilise GET et POST

Si nous devons utiliser AJAX pour interagir avec les données au niveau du backend


 $.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 backend lorsque la page Web est initialisée et les attribue à la page (peut-être que ma terminologie professionnelle n'est pas standard, veuillez me pardonner QAQ)

Ensuite, je Nous parlons 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, n'oubliez pas d'ajouter [HTTPPOST] à votre Méthode WEBAPI

Pour le reste, je souhaite résumer quelques méthodes POST au contrôleur qui sont parfois utilisées. Bien que le contrôleur puisse directement URLPOST, j'aime toujours utiliser AJAX, principalement parce qu'AJAX vous permet de visualiser le vôtre. psot. Où est l'erreur 233


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

Il convient de mentionner que les valeurs que je transmets personnellement semblent être de type json, et je n'ai pas testé la réussite. paramètres de type non-json pour l'instant ;

Recommandations associées :

Modularisation PHP pour l'implémentation des appels ajax front-end ajax php post jquery ajax php ajax points

Implémentation Ajax Partager la force du chargement dynamique des données

Exemple détaillé de js combiné avec json pour implémenter un exemple simple ajax

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn