Partager des méthodes courantes d'encapsulation d'Ajax avec JQuery

easy-ajax est né pour contrôler l'écriture aléatoire frontale des méthodes Ajax. Ensuite, cet article vous présentera les méthodes courantes d'encapsulation d'Ajax avec JQuery. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra vous aider.

pourquoi easy-ajax

easy-ajax est né pour contrôler l'écriture aléatoire des méthodes Ajax sur le front-end. Basé sur jquery pour encapsuler certaines méthodes courantes, nous prévoyons d'ajouter une fonction de mise en cache des données frontales à l'avenir.

L'utilisation est la suivante :

<script src="easy.ajax.js"></script>

API :

élément de configuration :

config{
  jqueryAjax默认配置外增加如下配置：
  mustCallback：强制回调（很多情况请求失败后直接在Ajax中提示后端返回的错误信息就结束了，不会进入回调函数，但很难避免失败也需要处理逻辑的情况，所以增加了此项配置，无论成功失败皆执行配置中的callback，前提是有回掉函数。）
}

Utilisez la méthode from form pour traiter l'arrière-plan de la demande de paramètre (utilisée lorsque l'interface utilise @RequestParam)

EasyAjax.post_form_json

Utilisez la méthode normale pour demander (utilisée lorsque l'interface utilise @RequestBody)

EasyAjax.post_json

Méthode de téléchargement de fichier 1 :

var file = $(".xxx").get(0).files[0];
var fileData = new FormData();
fileData.append("file", file);
EasyAjax.ajax_Upload_File({
          url: "URL",
          data: fileData
        },
        function (data) {
          if (data.success) {
            //上传成功
          }
        });

Méthode de téléchargement de fichiers 2 :

Configurez directement la méthode elem et utilisez-la comme suit :

EasyAjax.ajax_Upload_File_Elem({
          url:"URL"
          , elem: "#icon"
        },function (res) {
          if (res.success) {
            //上传成功
          }
        });

Recommandations associées :

JavaScript encapsule ajax js par lui-même

JavaScript encapsule le code de données transmis par les compétences Ajax_javascript

Plug-in Ajax encapsulé par JS natif (même domaine, jsonp inter-domaines)_compétences javascript

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!