zoukankan      html  css  js  c++  java
  • jquery中ajax的简单使用

      

    一、load()

      这是最简单的一个函数,传入一个url他会异步加载该url的内容,然后将内容插入每一个选中的元素中,替换掉其中已经存在的内容。

      所以最简单的用法是:

    $("#myDiv").load("htmltest.html");

       当然这里的url不是只有html的,像什么txt、php之类的都是可以的。

      如果不是想加载整个文档的话可以在url后面加上一个jquery选择器,类似“xxx.html #aaa”

      另外load其实还有两个可选的参数,第一个是数据(类似于是调用了post),第三个可选参数是回调函数。

      这样一个完整的load可以是这样

    $().load("xxxx.html","val=yyyy",function(){})

     二、$.get和$.post

      这两个函数的区别是一个使用的是get方式另一个用的是post方式,函数的主要使用方式就是三个参数(url,数据,回调函数),这个在于后台交  互用的比较多。

    三、$.ajax()

      这个才是jquery中ajax的始祖,上面列的几个以及一些我没有列出来的都是这个的简化版本,当然简化的代价就是适用性降低,这个函数则可以达  到最佳的灵活性。

      在这个函数中对与那些函数的实现是通过选项实现的,大概形式是这样的:

    $.ajax({
       type:"GET",
       url:url,
       data:data 
    });

      现在我们具体看一些常用的选项:

      1、type:指定http的请求方法,默认是“GET”,还有“POST”可选,当然另外也存在一些诸如:DELETE“的不常用的选项

      2、url:要使用的url

      3、data:要发送的数据,可以是字符串或者对象,通常会吧对象转化成字符串

      4、dataType:制定相应数据的预期类型

      5、contentType:指定请求的HTTP Content-Type头,默认是”application/x-www-form-urlencoded“在将type设置为”post“想发送村文本或xml  文档时,需要设置

      6、timeout:超时时间,查过了这个时间请求失败调用error,默认值为0表示除非成功否则永远不取消

      7、cache:用于禁止浏览器缓存(好像只有get有用。。。)

      8、isModified:记录是否修改,没有修改服务器会返回304

      9、beforeSend:顾名思义就是在发送之前可以定义的函数

      10、success:成功时调用的函数

      11、error:失败时调用的函数

    另外这些所有的jquery ajax函数都提供了success和error的函数

    调用大概形式是$().get().error().success()

    如果你觉得内容对你有帮助,请点个赞

    知识共享许可协议
    本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。
  • 相关阅读:
    如何插入和查找记录(行)(十一)
    如何查看数据表及数据表结构(十)
    如何创建数据表(九)
    MySQL常见的数据类型(八)
    MySQL数据库的常见操作(七)
    如何修改提示符(六)
    MySQL的登录和退出(五)
    如何启动和关闭MySQL?(四)
    如何配置MySQL?(三)
    如何安装MySQL?(二)
  • 原文地址:https://www.cnblogs.com/MrLJC/p/3439968.html
Copyright © 2011-2022 走看看