美文网首页
原生ajax和jquery中的ajax

原生ajax和jquery中的ajax

作者: World6_大叔 | 来源:发表于2018-03-03 20:55 被阅读0次

原生的ajax请求方法:

    $("#send").click(function(){
                var data = {
                    name:"zhangsan",
                    age:18,
                    sex:"male"
                }
                var xhr = new XMLHttpRequest();  //创建一个ajax对象
                xhr.onreadystatechange = function(){    // 监听ajax
                    if(xhr.readystate == 4){
                        if(xhr.status == 200){  // 请求发送成功
                            console.log(xhr)
                        }
                    } 
                };
                xhr.open("open","url",true);  
                xhr.send(data);
            })

jquery中的ajax:


            window.onload = function(){
                var btn = document.querySelector("#btn");
                btn.onclick = function(){
                    var keywordValue = document.querySelector("#keyword").value;
                    $.ajax({
                        url:"https://suggest.taobao.com",
                        data:{quest: keywordValue},
                        dataType:"jsonp",
                        success:function(data){
                            console.log(data)
                        }
                    })
                }
            }


相关文章

  • 原生ajax和jquery中的ajax

    原生的ajax请求方法: jquery中的ajax:

  • js和jq的ajax调用

    原生ajax jQuery的ajax

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • html5的ajax学习(三)

    一.原生的ajax封装 原生的ajax的调用 二.jquery的ajax 2.1 jquery的语法 三. fun...

  • Django中的Ajax

    一、原生Ajax 二、Jquery中的Ajax 1、$.ajax():type为POST时,表示发送数据,type...

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • ajax总结

    1. Ajax 1.1 原生JavaScript封装Ajax 1.2 jquery ajax 及其 快捷方法 $....

  • 前后端交互

    1 前后端交互模式 1.1接口调用方式: 原生AJAX 基于JQuery的AJAX fetch axios 原生的...

  • vue学习4

    接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环...

  • Vue接口调用方式

    接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环...

网友评论

      本文标题:原生ajax和jquery中的ajax

      本文链接:https://www.haomeiwen.com/subject/bbrxfftx.html