• Ajax交互扩展


    jQuery 实现 Ajax 的方法: $.get() $.post() $.getJSON() .load()

    $.get()用法

    参数
    类型

     说明

    url
    String
    必选,发送请求的地址
    data
    PlainObject String
    发送到服务器的数据
    success
    Function(PlainObject result,
    String textStatus,jqXHR jqxhr)
    请求成功后调用的函数
    参数 result :可选,由服务器返
    回的数据
    dataType
    String
    预期服务器返回的数据类型,
    包括: XML HTML Script
    JSON JSONP text

     

     

     

     

     

     

     

     

    $.post()用法 

    参数
    类型
    说明
    url
    String
    必选,发送请求的地址
    data
    PlainObject String
    发送到服务器的数据
    success
    Function(PlainObject result,
    String textStatus,
    jqXHR jqxhr)
    请求成功后调用的函数
    参数 result :可选,由服务器返
    回的数据
    dataType
    String
    预期服务器返回的数据类型,
    包括: XML HTML Script
    JSON JSONP text

     

     

     

     

     

     

     

     

     

     $.getJSON()用法

    参数
    类型
    说明
    url
    String
    必选,发送请求的地址
    data
    PlainObject String
    发送到服务器的数据
    success
    Function(PlainObject result,
    String textStatus,
    jqXHR jqxhr)
    请求成功后调用的函数
    参数 result :可选,由服务器返
    回的数据

     

     

     

     

     

     

     在Ajax中直接返回HTML

    Ajax 中直接返回 HTML—— 这个没有做笔记

    .load()用法

    参数
    类型
    说明
    url
    String
    必选,发送请求的地址
    data
    PlainObject String
    发送到服务器的数据
    complete
    Function(String response
    Text, String textStatus,
    jqXHR jqxhr)
    可选,对每个匹配的元素设置完内容后都 会触发该函数参数responseText :可选,服务器返回的 结果数据 参数textStatus :可选,描述请求状态的字 符串 参数jqxhr :可选, jqxhr 是 XMLHttpRequest的超集

     

     

     

     

     

     

    .load()不是全局函数,而是针对与选择器匹配的元素执行

    包含匿名回调函数,自动将返回值设置为匹配元素的 HTML 内容

     默认使用get方式请求,除非data参数是一个对象,则使用post方式

    基于表单数据的Ajax请求

    使用 jQuery 提供的方法简化处理
    .serializeArray()
    $.param()

     使用FastJSON生成JSON字符串

    // 包含值为 null 的字段,数值为 null 输出 0 String null 输出 “”
    String strJSON = JSON.toJSONString ( javaObject,
    SerializerFeature.WriteMapNullValue,
    SerializerFeature.WriteNullNumberAsZero,
    SerializerFeature.WriteNullStringAsEmpty );

     jQuery让渡$操作符

     

     课后作业

    一、请写出 $.get() $.post() $.getJSON() .load() 的调用方法及 $.ajax() 方法的关系
    二、请写出 jQuery 解析表单的常用方法及其作用
    三、简述 jQuery 和其他脚本库冲突的解决办法

    答案

    $.get( )方法是 jQuery 封装的发送 HTTP GET 请求从服务器加载数据的 Ajax 方法,相当于 $.ajax
    get 方式的调用。
    $.post( )是 jQuery 封装的发送 HTTP POST 请求从服务器加载数据的 Ajax 方法,相当于 $.ajax post
    方式的调用。
    $.getJSON()是 jQuery 封装的发送 HTTP 请求从服务器加载 JSON 数据的 Ajax 方法,采用 GET
    式。
    .load( )是 jQuery 封装的发送 HTTP 请求从服务器加载 HTML 数据的 Ajax 方法,默认采用 GET
    式。
    1.jQuery的 .serializeArray( ) 方法会从一组表单元素中检测有效控件,将其序列化成由 name value 两个属性构成的JSON 对象的数组
    2.要发送数据到服务器,还需进一步将数据序列化成请求字符串的形式,可以通过 $.param( ) 方法 实现
    jQuery让渡有两种方式第一种使用 jQuery.noConflict() 进行让渡,让渡 $ 的使用权,后续 jQuery 代 码中只能使用jQuery 代替 $
    第二种方式即使用其它符号代替 $ ,首先定义一个符号 var $j =jQuery.noConflict(); 让渡 $ 的使用权,并指定用 $j $
  • 相关阅读:
    TIJ14_类型信息
    作为项目经理必须具备的能力
    TypeScript由浅到深
    css pointer-events 多层鼠标点击事件
    JavaScript基础
    有效的网络带宽监控策略
    代码随想录算法训练营第五十七天 | 动态规划 part 15 | 392.判断子序列、115.不同的子序列
    andrid配置gradle
    [linux]服务器挂代理提升下载权重速度
    网页中的宽高度的分类介绍
  • 原文地址:https://blog.csdn.net/weixin_47541976/article/details/126497654