【JavaScript】------- JavaScript ajax封装示例代码

末蓝、 2022-02-19 13:05 269阅读 0赞

> 转载处：[https://www.qdfuns.com/article/49499/11ed812b75bd07fb1921c1a73c3aaf9d.html][https_www.qdfuns.com_article_49499_11ed812b75bd07fb1921c1a73c3aaf9d.html]

> 1.封装
> 
>     //url：地址
>     //data：数据对象，在函数内部会转化成json串，如果没传，表示用GET方法，如果传了，表示用POST方法
>     function ajax(url, data, callback,error) {
>             $.ajax({
>                 url: url,
>                 type: data == null ? 'GET' : 'POST',
>                 dataType: "json",
>                 data: data == null ? '' : JSON.stringify(data),
>                 async: true,
>                 contentType: "application/json",
>                 success: function (resp) {
>                     callback(resp);
>                 },
>                 error: function (XMLHttpRequest, textStatus, errorThrown) {
>                    error(XMLHttpRequest, textStatus, errorThrown)
>                 }
>             });
>     }

>  2. 调用
> 
>     ajax('action1',data, function(resp){
>          //do something on response
>         //成功
>     },function(XMLHttpRequest, textStatus, errorThrown){
>         //da something
>         //失败
>     });
> 
>

[https_www.qdfuns.com_article_49499_11ed812b75bd07fb1921c1a73c3aaf9d.html]: https://www.qdfuns.com/article/49499/11ed812b75bd07fb1921c1a73c3aaf9d.html

发表评论取消回复

表情：

评论列表（有 0 条评论，269人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript--AJAX

很多内容写在注释里

谁借莪１个温暖的怀抱￠/ 2024年05月09日 09:01/ 0 赞/ 75 阅读

相关 Javascript---AJAX

目录 AJAX概念 Ajax 相关概念 Ajax 基本的使用 Ajax 扩展内容 JSON 的常用方法 XMLHttpRequest open() 1.指定HT

r囧r小猫/ 2024年04月08日 12:38/ 0 赞/ 77 阅读

相关 JavaScript中的AJAX用法及示例代码

AJAX（Asynchronous JavaScript and XML）是一种用于在后台与服务器进行数据交换的技术。它可以实现异步加载数据，使网页在不刷新的情况下更新部分内容

红太狼/ 2024年02月27日 02:26/ 0 赞/ 54 阅读

相关 JavaScript编写Ajax异步请求代码

<%-- Created by IntelliJ IDEA. User: zhang Date: 2020/3/31 T

末蓝、/ 2023年07月20日 05:39/ 0 赞/ 14 阅读

相关 Javascript ajax封装并重载

看来我要把博客给弄起来，发现整天敲代码，有时候跟人沟通都成问题了，要多写点东西，整理整理忙乱的思绪。最近有幸接触WEB前端页面，看到项目里大伙写的JS代码头疼不已，而本人很懒又

逃离我推掉我的手/ 2022年09月24日 14:18/ 0 赞/ 11 阅读

相关 javascript 封装

1.创建一个类在JavaScript中创建一个类，首先声明一个函数保存在一个变量里，然后这个类内部通过对this变量添加属性或方法实现对类添加属性或者方法。 v

柔情只为你懂/ 2022年07月13日 13:06/ 0 赞/ 165 阅读

相关【JavaScript】自己动手封装一个ajax函数

我们在jquery中一般是这样是用ajax函数的： xxx.addEventListener('click', function(){ window.aj

绝地灬酷狼/ 2022年03月12日 15:58/ 0 赞/ 227 阅读

相关【JavaScript】------- JavaScript ajax封装示例代码

> 转载处：[https://www.qdfuns.com/article/49499/11ed812b75bd07fb1921c1a73c3aaf9d.html][https

末蓝、/ 2022年02月19日 13:05/ 0 赞/ 270 阅读

相关【JavaScript】------- JavaScript 数组合并去重示例代码

> 1. js 数组合并去重 > > //数组去重 > function uniqueArr(arr1, arr2){ >

落日映苍穹つ/ 2021年11月05日 14:10/ 0 赞/ 284 阅读

相关 JavaScript封装

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi...

你的名字/ 2021年05月03日 05:49/ 0 赞/ 504 阅读