首页 > 其他分享 >AJAX

AJAX

时间:2023-10-27 13:34:49浏览次数:28  
标签:axios 百科 serialize Ajax 表单 AJAX 百度

1 Ajax

1.1 Ajax快速入门

  1. 引入axios库
    <script scr="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></> 
  1. 使用axios函数
<script>
    axios({
        url:''
        method:'',
        data:{
            key:''
        }
    }).then(result => {
        conlose.log(result)
    }).catch(error => {
         alter(error)
    })
</script>

1.2 http 状态码

img

1.2.1 http 响应报文

img

1.3 表单收集插件 serialize

form-serialize

/**
使用serialize函数,快速收集表单元素的值
    参数1:要获取哪个表单的数据表单元素设置name属性,值会作为对象的属性名
    参数2:配置对象
        hash 设置获得数据结构
            -true: JS对象(推荐)
            -false:查询字符串
        empty 设置是否获得空值
 */

const data = serialize(form, {hash: true, empty: true})

img
img

1.4 参考文献

  1. 客户端->百度百科
  2. 浏览器解释->百度百科
  3. 服务器解释->百度百科
  4. url解释->百度百科
  5. http协议->百度百科
  6. 主机名->百度百科
  7. 端口号->百度百科
  8. Ajax解释->百度-懂啦
  9. Ajax解释->MDN解释Ajax是与服务器通信而不只是请求
  10. axios->百度(可以点击播报听读音)
  11. axios(github)地址
  12. axios官方推荐官网
  13. axios(npmjs)地址
  14. GET和POST区别->百度百科
  15. 报文讲解->百度百科
  16. HTTP状态码->百度百科
  17. 接口概念->百度百科

标签:axios,百科,serialize,Ajax,表单,AJAX,百度
From: https://www.cnblogs.com/tobycold/p/17783143.html

相关文章

  • Ajax的案例-任务管理
    任务添加(一)首先为该页面创建一个表编辑myproject/app01/models.pyclassTask(models.Model):"""任务"""level_choices=((1,"紧急"),(2,"重要"),(3,"临时"),)level=models.Sm......
  • AJAX学习(三)
    一、AJAX原理-XMLHttpRequest(1)定义及原理定义:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。AJAX的原理也就是XMLHttpRequest对象(下文简称XHR)注......
  • Ajax请求--Ajax的使用与案例
    浏览器向网站发送请求时:以URL和表单的形式提交GETPOST特点:提交时页面会刷新除此之外,也可以基于Ajax向后台发送请求(页面不会刷新,只局部更新)依赖jQuery编写Ajax代码$.ajax({ url:"发送的地址", type:"get", data:{ n1:123, n2:456 }, success:function(res){......
  • Ajax异步交互技术
    概念:AsynchronousJavaScriptAndXML,异步的JavaScript和XML。作用:数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想、用户名是否可用的校验等等。 原生......
  • JavaScript在发送AJAX请求时,URL的域名地址是使用绝对地址还是相对地址?
    在使用JavaScript发送AJAX请求时,URL的域名地址通常是使用相对地址。相对地址指的是相对于当前页面的URL来确定请求的目标地址。当请求发送到服务器时,浏览器会自动将相对地址转换为完整的绝对URL。这样做的好处是能够更灵活地处理不同环境下的URL路径,同时减少了在JavaScript代码中......
  • django——Ajax(删除)
    1.在urls.py中编辑urlpath('order_delete',views.order_delete),2.在views.py中编写后端代码deforder_delete(request):uid=request.GET.get('uid')exists=models.Order.objects.filter(id=uid).exists()ifnotexists:retu......
  • django——Ajax(添加)
    1.创建ModelclassOrder(models.Model):odi=models.CharField(verbose_name='订单号',max_length=64)title=models.CharField(verbose_name='名称',max_length=32)price=models.IntegerField(verbose_name='价格')status......
  • Web前端使用 $.ajax 和 XMLHttpRequest 请求的区别
    1、首先是我使用XMLHttpRequest进行后台请求,我在请求前。会把按钮置为灰色。 $('button[type="generateProductBop"]').css("background-color","#d4d4d4");在最后的finally才把按钮,重新置换回来原来的颜色$('button[type="generateProductBop"]').css(......
  • 关于 js ajax readyState 的阐述
    为了弄清楚ajaxreadyState的具体意义,做了如下测试:index.html1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8"/>5<metaname="viewport"content="width=device-width,init......
  • Ajax前后端交互实例
    什么是前后端联调?在我们开发的过程中,发送请求的ajax数据都不是后端返回的真数据,而是我们自己通过接口mock模拟的假数据,当前端的代码编写完成后,后端的接口也写好后,我们就需要把mock数据换点,尝试使用后端提供的数据,进行一个前后端的调试,我们会把这个过程叫做前后端接口联调。  ......