Python--day72--ajax简介

ajax的基本结构：

 <script>
   $("#b1").on("click", function () {
      $.ajax({
       url: "/ajax_add/",
       type: "GET",
       data: {"name": "xiaohei", "age":18},
       success: function (arg) {
         alert(arg)
       }
     })
   })
 </script>

Ajax请求过程梳理：

 <script src="/static/jquery-3.3.1.js"></script>
 <script>
   $("#b1").on("click",function () {
       //点击id是b1按钮要做的事儿
         var i1 = $("#i1").val()
         var i2 = $("#i2").val()
         //往后端发数据
         $.ajax({
             url:"/ajax_add/",
             type:"get",
             data:{"i1":i1,"i2":i2},
             success:function (arg) {
                 alert(arg);
                 //把返回的结果填充到id是i3的input框中
                 $("#i3").val(arg);
             }
         })
   });
     $("#b2").on("click",function ( ) {
         $.ajax({
             url:"/test/",
             type:"get",
             success:function (a) {
                 location.href = a;
                 {#alert(a);#}
                 //在页面上创建一个标签
                 //var imgEle = document.createElement("img");
                 //imgEle.src = a;
                 //把创建的img标签添加到文档中
                 //$("#b2").after(imgEle);

             }
         })
     })

 </script>