首页 > 其他分享 >AJAX

AJAX

时间:2023-01-15 00:22:44浏览次数:35  
标签:异步 请求 get xhttp 响应 AJAX data

1.概念:ASynchronous  JavaScript And XML 异步的JavaScript和XML

  1.异步和同步:客户端和服务器相互通信的基础上

      异步:客户端不需要等待服务器端的响应,在服务器处理请求的过程中,客户端可以进行其他的操作

      同步:不能进行其他操作,需要等待服务器端响应

2.实现方式

  1.原生的js实现方式:(了解)

function fun(){
  //发送异步请求,建立核心对象
  var xhttp;
  if (window.XMLHttpRequest) {
    xhttp = new XMLHttpRequest();
  } else {
    // code for IE6, IE5
    xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    /*
      2.建立链接
        参数:
          1.请求方式:get,post
            post:username在send方法中拼写
          2.请求的URL:
          3.同步或异步请求:true同步,false异步

     */
    xhttp.open("GET","ajaxServlet?username=zhangsan",true);
    //3.发送请求
    xhttp.send();
    //4.接受并处理服务器的响应结果
  }
}

  2.jQuery实现方式

    1.$.ajax();

      *语法$.ajax({键值对})

$.ajax({
  url:"ajaxServlet",
  type:"POST",
  data:{"username":"zhangsan"},
  success:function (data){
    alert(data);
  },//响应成功后的回调函数
    error:function (){
      alert("出错了")
    },//响应错误后弹出
    dataType:"text"//设置接收到的响应数据的格式
});

    2.$.get():发送get请求

      *语法:$.get(url,[data],[callback],[type])

          url:请求路径

          data:请求参数

          callback:回调函数

          type:响应结果的类型

$.get("ajaxServlet",{username:"rose"},function (data){
    alert(data);
})

    3.$.post():发送post请求

标签:异步,请求,get,xhttp,响应,AJAX,data
From: https://www.cnblogs.com/lin513/p/17052900.html

相关文章

  • angularJS中-$route路由-$http(ajax)的使用
    后台请求使用的是nodeJS驱动(后面帖代码),很简单的RESTFUL,页面使用的是bottstarp3.0(懒人神器); 第一个例子:在本地架设NODEJS,angular的所有请求都是请求本地的300......
  • jQuery与JavaScript与ajax三者的区别与联系(转)
    jQuery与JavaScript与ajax三者的区别与联系作者: (124条消息)xueshuai0922的博客_CSDN博客-Java,Linux,数据库领域博主简单总结:1、JS是一门前端语言。2、Ajax是一门技......
  • ajax通过jsonp解决跨域问题
    直接上代码:前端:<scriptsrc="./jquery-1.11.2.min.js"></script><script>$(function(){$('#btn').click(function(){varurl="http:......
  • fetch是怎么取代ajax的?
    fetch简介FetchAPI提供了一个JavaScript接口,用于访问和操纵HTTP管道的一些具体部分,例如请求和响应。它还提供了一个全局fetch()方法,该方法提供了一种简单,合理的方......
  • 2.11 Ajax请求
     -----------------------------------------------------------------------------------------------------------------------------------------------页面滚动的......
  • Ajax(Fetch&Axios)
    传统服务器传统服务器的结构是基于MVC模式Model--数据模型View--视图,用来呈现Controller--控制器,复杂加载数据并选择视图来呈现数据传统的服务器是直接为客户端......
  • web之Ajax
    一、Ajax的基本用法先写一个基本的结构<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"conte......
  • 12.Ajax
    AJAX笔记目录:(https://www.cnblogs.com/wenjie2000/p/16378441.html)视频教程(P138~P145)参考网站:https://www.w3school.com.cn/js/js_ajax_intro.asp概念:AJAX(Async......
  • 一步一步学爬虫(5)什么是Ajax
    (什么是Ajax)  Ajax,全称为AsynchronousJavaScriptandXML,即异步的JavaScript和XML。它不是一门编程语言,而是利用JavaScript在保证页面不被刷新、页面链接不改变......
  • 解释 AJAX 中请求的不同就绪状态
    AJAX代表异步JavaScript和XML。它是一组用于创建交互式Web应用程序的Web开发技术。AJAX允许网页与服务器通信,而无需重新加载页面。就绪状态是处理AJAX请求的重......