Ajax值传递

最新推荐文章于 2025-12-26 22:04:22 发布

原创最新推荐文章于 2025-12-26 22:04:22 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #javascript #jquery

Django 专栏收录该内容

18 篇文章

订阅专栏

文章介绍了jQuery的使用，包括在HTML中引入jQuery库，使用选择器选取元素，如`$(div)`、`$(.big-div)`和`$(div>p)`。接着讲解了事件绑定如`$(selector).on(event,func)`，以及如何处理多个相同类型事件。还提供了一个AJAX的例子，展示如何在按钮点击时发送POST请求，获取并处理服务器返回的JSON数据。

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);}
      })
    })
  }