ajax 获取数据

jiangningjn 2021-11-05 原文


ajax 获取数据

1.ajax:前台数据交互依赖的一项技术   是一种创建快速动态的网页技术

2.ajax:是js的异步操作 和xml

  异步操作还分为:定时器     事件     回调

3.ajax有点   可以局部跟新网页内容

4.ajax  的本质就是xmlHttpRequest对象

  控制台出现三个属性

  readyState   请求的五个阶段

  responseText  返回的是文件里的内容

  Status 状态码  返回的状态信息

    200成功了

    3xx代表禁用意思

    404代表文件没有找到

    5xx代表服务器的问题

  在__proto__有三个方法

    open()

    send()

    onReadyStateChage()

5.ajax的请求方式

      get   看得见   传送数据小   通过 网络地址传

  post  看不见  传送数据大  通过http中的某一个对象的一个body属性

j6.q提供了$.ajax{()}

  ajax的四步骤

    1.创建xmlhttprequest对象

    var  xmlhttp=new  XMLHttpRequest()

    2.给后台发送请求

    xmlhttp.open(method,url,async)

    3.发送

    xmlhttp.send()

    4.服务器响应

    xmlhttp.onreadystatechage=function(){

      if(xmlhttp.readyState==4){//请求的五个阶段

        if(xmlhttp.status==200){ //状态码

          console.log(xmlhttp.responseText) //responseText 返回的文件内容
          var arr=JSON.parse(xmlhttp.responsseText)
          document.getElementById(\’div\’).innerHTML=arr[0].name

        }

      }

    }

7.跨域 :不在同一个服务器下 就是 协议 域名 端口 三者有一个不一样就是跨域

8.同源策略:请求的地址和浏览器的地址必须在同域下,就是说协议端口域名都得一样。

9. http://172.164.130.56:80

  http 是协议 172 ip地址  80 端口

  互联网的协议是httphttps两种

10.解决跨域

   靠标签身上的src属性解决跨域的问题,利用script标签的src属性去请求外部的数据

看网络地址 关键单词cb和callback

    1.端口不同:这个大家都明白,比如8020和8080是不同的。

      127.0.0.1:8020上的写法

       

      127.0.0.1:8080上的写法

       

    2.关键字cb和cakkback

      

    3.dom 形式    自已创建一个script标签给里面添加src属性

      

jq的ajax

  load将服务器中的数据加载到指定元素中

   案例  一个网站有许多页面,但是头部和尾部都一样,可以使用load

     load传参

     load传参是以post方式发送的php后台用post接收或request接收

  

  

  jq中的get

    

  对应的php

    

  jq中的post

    

   php

    

  jq中的ajax

    

  jq中的ajax的跨域问题

    

    

    jsonp:“cb”, url 根据网络提供的是cb还是callback提供的是cb就填cb提供的callback就填callback

 

    

 

 

 

 

发表于
2019-03-13 10:32 
web学习者jn 
阅读(6090
评论(0
编辑 
收藏 
举报

 

版权声明:本文为jiangningjn原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/jiangningjn/p/10521448.html

ajax 获取数据的更多相关文章

  1. 必须掌握的前端模板引擎之art-template

    常用的模板引擎有tpl.js、baiduTemplate、doT.js、art-template等等; 我所理 […]...

  2. 前端jsp fetch跨域调用 is not allowed by Access-Control-Allow-Origin.

    之前我在用json跨域调用时,遇到如图问题,后来查查是官方json不支持跨域调用,后来改用非官方的jsonp跨 […]...

  3. 使用IIS打开本地站点时,使用Ajax获取JSON文件无效的解决方法

          博主使用了如下两种方法来获取JSON文件(本质上都是Ajax),但是都报404.3错误,经过网上查 […]...

  4. 前后端数据交互(二)——原生 ajax 请求详解

    一、ajax介绍 ajax 是前后端交互的重要手段或桥梁。它不是一个技术,是一组技术的组合。 ajax :a: […]...

  5. Jquery中Ajax使用

    关于Ajaxajax 的全称是Asynchronous JavaScript and XML,其中,Asynchronous 是异步的意思,它有别于传统web开发中采用的同步的方式,同步是指:发送方发出数据后,等接收方发回响应以后才发下一...

  6. Ajax 基本使用的四大步骤,简单易懂 – 我吃你大西瓜

    Ajax 基本使用的四大步骤,简单易懂 ajax(异步javascript xml) 能够刷新局部网页数据而不 […]...

  7. 简述 AJAX 及基本步骤

    简述 AJAX:AJAX即“Asynchronous Javascript And XML”(异步 JavaS […]...

  8. jQuery 中的 Ajax

    $.ajaxPrefilter()/*每次调用jquery的api发送ajax请求时都会先自动调用该方法在这个函数中,可以拿到我们给Ajax提供的配置对象 options从而能够统一的 为ajax请求 预先设置配置对象*/$.a...

随机推荐

  1. Jenkins教程(四)安装BlueOcean与Maven构建

    前言 本文旨在使用BlueOcean实现构建可视化与使用Maven构建上一节Jenkins教程(三)添加凭据与 […]...

  2. 小橙书阅读指南(十二)——无向图、深度优先搜索和路径查找算法

    在计算机应用中,我们把一系列相连接的节点组成的数据结构,叫做图。今天我们将要介绍它的一种形式——无向图,以及针 […]...

  3. Kafka基本知识回顾及复制

    Producers发布记录到集群,集群维护这些记录并且将记录分发给Consumers。 在Kafka中,最关键 […]...

  4. 通俗地说决策树算法(三)sklearn决策树实战

    介绍sklearn的决策树算法参数,以及使用决策树训练出结果。最后将训练出的决策树模型转化为可视化的pdf文件 […]...

  5. springMvc(一)

    SpringMvc 1. 核心:DispatcherServlet 1.1作用:负责拦截请求并分派给相应的处理 […]...

  6. html5大文件上传如何做断点续传

    前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Ht...

  7. JAVA多线程实现的四种方式

    Java多线程实现方式主要有四种:继承Thread类、实现Runnable接口、实现Callable接口通过F […]...

  8. 一道老生常谈有意思的面试题思考

    题目 有一栋楼共N层,一个鸡蛋从第M层及以上的楼层落下来会摔破, 在第M层以下的楼层落下不会摔破。给你Q个鸡蛋 […]...

展开目录

目录导航