JQuery中的load()、$,大厂意外流出

3.传递方法

load()方法的传递方式根据参数data来自动指定。如果没有参数传递,则采用GET方式传递;反之,则会自动转换为POST方法。

//无参数传递,则是GET方式

$(‘#resText’).load(‘test.php’,function(){

//…

});

//有参数传递,则是POST方式

$(‘#resText’).load(‘test.php’,{name:‘rain’,age:‘22’},function(){

//…

});

4.回调函数

对于必须在加载完成后才能继续的操作,load()方法提供了回调函数(callback),该函数有3个参数,分别代表请求返回的内容请求状态XMLHttpRequest对象,jQuery代码如下:

$(“#resText”).load(“test.html”,function (responseText, textStatus, XMLHttpRequest){

alert(responseText); //请求返回的内容

alert(textStatus); //请求状态:success,error

alert(XMLHttpRequest); //XMLHttpRequest对象

});

在load()方法中,无论Ajax请求是否成功,只要当请求完成(complete)后,回调函数(callback)就被触发。


**load()方法通常用来从Web服务器上获取静态的数据文件,然后这并不能体现Ajax的全部价值。在项目中,如果需要传递一些参数给服务器中的页面,那么可以使用 . g e t ( ) ∗ ∗ 或者 ∗ ∗ .get()**或者** .get()或者.post()或者$.ajax()**方法。


$.get()


$.get()方法使用GET方式来进行异步请求。

它的结构为:

$.get(url[,data][,callback][,type])

| 参数名称 | 类型 | 说明 |

| :-: | :-: | :-: |

| url | String | 请求的HTML页的URL地址 |

| data(可选) | Object | 发送至服务器的key/value数据会作为QueryString附加到请求URL中 |

| callback(可选) | Function | 载入成功时回调函数(只有当Response的返回状态是success才调用该方法)自动将请求结果和状态传递给该方法 |

| type(可选) | String | 服务器端返回内容的样式,包括xml、html、script、json、text和_default |

我们用$.get()来实

  • 30
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery ,你可以使用 `$ajax()` 方法来发起 AJAX 请求。该方法是对底层的 `XMLHttpRequest` 进行了封装,使得 AJAX 请求更加便捷。以下是一个使用 `$ajax()` 方法的示例: ```javascript $.ajax({ url: '/api/data', type: 'GET', success: function(response) { // 请求成功,获取响应数据 const data = response; // 调用渲染页面的函数,并传递数据 renderPage(data); }, error: function(xhr, status, error) { // 请求失败,处理错误 console.error(error); } }); ``` 在这个示例,我们通过传递一个包含请求参数的对象给 `$ajax()` 方法来发起 AJAX 请求。对象包含了请求的 URL、请求类型(GET、POST 等)、请求成功和失败的回调函数等。 - `url`:请求的 URL 地址。 - `type`:请求的类型,比如 GET、POST 等。 - `success`:请求成功时执行的回调函数,该函数接收响应数据作为参数。 - `error`:请求失败时执行的回调函数,该函数接收 `XMLHttpRequest` 对象、错误状态和错误信息作为参数。 在成功回调函数,你可以将响应数据传递给渲染页面的函数进行页面渲染。 需要注意的是,上述示例是一个简单的版本,实际情况可能会有更多的配置项,比如请求头、请求参数等。你可以根据需要在对象添加相应的配置。 此外,使用 `$ajax()` 方法时,需要确保已经引入了 jQuery 库。你可以通过 CDN 或者本地方式引入 jQuery 库。 ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 同时,确保后端服务正常运行,并提供正确的 API 接口来响应请求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值