2021-06-08

jQuery的基本方法

在jQuery中对Ajax进行了封装，在jQuery中$.ajax()属于最底层方法，第二层是$.post()、load()、$.get()方法，第三层是$.getScript()和$.getJson()方法。通常第二层的方法使用频率最高。load()方法load()方法能载入远程html页面到dom中。格式为：load(url,[data],[callback])url：请求html页面的地址。data:可选参数，发送至服务器的数据。callback：可选参数，请求完成后的回调，不论请求成功或者失败。载入html文档假设有一个test.html的页面，那么只需要这样写就能引入这个test到当前页面。当前页面的html部分<divid=""resText></div>当前页面发送请求$(’#resText’).load(‘text.html’);筛选载入html文档上面是将test.html的所有内容都加载进来，如果只需要加载一部分那么只需要改变url参数即可，格式为：url selector。只将test.html页面中类名为.para的元素加载进来。KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲resText').load(….get()和$.post()方法使用get的方式进行异步请求，格式为：$.get( url , [data] , [callback] , [type] )。url：请求的文件地址。data：可选参数，发送至服务器的数据，会附加到url地址中。callback：可选参数，载入成功时回调函数，只有当Response返回的状态是success才能调用。type：可选参数，服务器返回的格式，包括 xml、html、script、json、text、_default。回调函数回调函数只有当数据成功返回(success)才能被调用，这点和load()方法不同，回调函数有两个参数，分别是data、textStatus。data是成功后返回的数据，textStatus是请求状态。$.getScript()和$.getJson()方法$.getScript()用于加载一个新的js文件，和写一个<script>标签的效果是一样的，但因为在页面初次加载时就取得所有js文件是没有必要的，所以就需要这个方法。$.getScript()的第一个参数是js文件的地址，第二个参数是回调函数，回调只会在js文件成功加载后才会运行。$.getJson()用于获取json文件，使用方法和$.getScript()相同。只是在回调函数中可用一个参数来获取json的内容。