ajax中beforSend作用及使用方法

beforSend的作用:1,防止重复提交(防止重复点击按钮)

beforSend用法:一般在增改查操作中使用。

$.ajax({
	type: "POST",
    url: baseURL + "online/inviteCourseRecord/list",
    contentType: "application/json",
    data: JSON.stringify(this.q),
    beforeSend: function(){ // 防止重复提交
        layer.load(); // 不传参
    },
    error: function() {
        layer.closeAll('loading');
        alert(r.msg);
    },
    success: function(r){
	    // console.log(r);
           layer.closeAll('loading');
           vm.list = r.page.records;
           vm.total = r.page.total;
           vm.current = r.page.current;
           vm.pages = r.page.pages;
	}
});

boforSend的其它作用:
layer.load()的讲解

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax (Asynchronous JavaScript and XML) 是一种用于创建动态 Web 应用程序的技术,它可以在不重新加载整个页面的情况下向服务器发送请求并接收响应,这使得 Web 应用程序更加快速和交互性。Ajax 最常用于以下情况: 1. 实时搜索:当用户输入搜索关键字时,Ajax 可以通过异步请求向服务器发送搜索请求并返回结果,而不必等待整个页面重新加载。 2. 动态加载内容:当用户与页面交互时,Ajax 可以通过异步请求向服务器请求数据并动态更新页面内容,而不必重新加载整个页面。 3. 表单验证:当用户提交表单时,Ajax 可以通过异步请求向服务器发送请求并验证表单输入,而不必重新加载整个页面。 4. 轮询:当需要实时更新应用程序状态时,Ajax 可以通过定期发送异步请求来轮询服务器并获取最新的状态信息。 使用 Ajax 的基本步骤如下: 1. 创建 XMLHttpRequest 对象。 2. 使用 XMLHttpRequest 对象打开要发送的请求。 3. 设置请求头和请求参数。 4. 发送请求。 5. 在接收到响应后,使用回调函数处理响应。 以下是一个使用 Ajax 实现实时搜索的示例: HTML: ``` <input type="text" id="searchInput" onkeyup="search()"> <ul id="searchResults"></ul> ``` JavaScript: ``` function search() { var input = document.getElementById("searchInput").value; var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var results = JSON.parse(xhr.responseText); var resultList = document.getElementById("searchResults"); resultList.innerHTML = ""; for (var i = 0; i < results.length; i++) { var li = document.createElement("li"); li.appendChild(document.createTextNode(results[i])); resultList.appendChild(li); } } }; xhr.open("GET", "search.php?q=" + input, true); xhr.send(); } ``` 在上面的示例,当用户在输入框输入文本时,search() 函数将被调用。该函数创建一个 XMLHttpRequest 对象并向服务器发送 GET 请求,请求的参数是输入框的文本。在收到服务器响应后,search() 函数解析响应并动态更新页面内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值