Ajax值传递

最新推荐文章于 2024-07-28 20:27:10 发布

Neo_21

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量45

点赞数

分类专栏： # Django 文章标签： ajax javascript jquery

本文链接：https://blog.csdn.net/Neo_21/article/details/129116565

版权

Django 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

jQuery

使用方式
在<head>元素中添加：
<script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script>
按jQuery官网提示下载

Download jQuery | jQuery

选择器

$(selector)

$('div');
$('.big-div');
$('div > p')

事件

$(selector).on(event, func)绑定事件，例如：

$('div').on('click', function (e) {
    console.log("click div");
})

当存在多个相同类型的事件触发函数时，可以通过click.name来区分，例如

$('div').on('click.first', function (e) {
    console.log("click div");

    $('div').off('click.first');
});

示例

    <h3>示例三</h3>
    <input type="text" id="txtUser" placeholder="姓名">
    <input type="text" id="txtAge" placeholder="年龄">
    <input type="button" id="btn2" class="btn btn-primary" value="点击">

function btnBind2()
  {
      $("#btn2").click(function (){
      $.ajax
      ({
      url:"/task/ajax/",
      type:"post",
      dataType : "JSON",
      data:{n1:$("#txtUser").val(),
            n2:$("#txtAge").val(),},
           success:function(res){console.log(res);
                                console.log(res.data);}
      })
    })
  }