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>