jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
URL 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType 可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script 或 html)。
该函数是简写的 Ajax 函数,等价于:
$.ajax({
type: 'POST',
url: url,
data: data,
success: success,
dataType: dataType
});
$.ajax({
type: "get",
url: "test.jsp",
datatype: "json",
contentType: "application/json", data:"id=1234",
success: function(result){
alert(result);
}
});
<script type="text/javascript" src="js/jquery.js" mce_src="js/jquery.js"></script>
<input name="writer" id="writer" type="text" value="" />
<input name="pass" id="pass" type="password" value="" />
<input type="submit" name="button" id="button" value="提交" />
<!--这里不需要form,因为提交时call一个函数
<script type="text/javascript">
$(document).ready(function(){ //DOM的onload事件处理函数
$("#button").click(function(){ //当按钮button被点击时的处理函数
postdata(); //button被点击时执行postdata函数
});
});function postdata(){ //提交数据函数
$.ajax({ //调用jquery的ajax方法
type: "POST", //设置ajax方法提交数据的形式
url: "ok.php", //把数据提交到ok.php
data: "writer="+$("#writer").val()+"&pass="+$("#pass").val(), //输入框writer中的值作为提交的数据
success: function(msg){ //提交成功后的回调,msg变量是ok.php输出的内容。
alert("数据提交成功"); //如果有必要,可以把msg变量的值显示到某个DIV元素中
}
});
}
</script>
分享到:
相关推荐
error: function(jqXHR, textStatus, errorThrown) { console.error('请求失败:', textStatus, ', 错误:', errorThrown); }, complete: function() { console.log('Ajax请求完成'); } }); ``` 四、性能优化...
success: function(data, textStatus, jqXHR) { // 处理成功响应 }, error: function(jqXHR, textStatus, errorThrown) { // 处理错误情况 } }); ``` 以上就是jQuery中关于Ajax的基本使用,包括`jQuery.load...
error: function (jqXHR, textStatus, errorThrown) { alert('上传失败,请稍后重试。'); } }; $('#fileInput').closest('form').ajaxSubmit(options); }); }); function showLoader() { // 在这里实现显示...
success: function(data, textStatus, jqXHR) { // ... }, error: function(jqXHR, textStatus, errorThrown) { // ... } }); ``` 总结来说,jQuery AJAX 提供了一组强大的工具,使前端开发者能够轻松地与...
error: function(jqXHR, textStatus, errorThrown) { // 错误处理 } }); ``` 在上面的例子中,`dataType` 指定了预期的服务器响应类型,`success` 和 `error` 分别是成功和失败的回调函数。 总的来说,jQuery ...
success: function(data, textStatus, jqXHR) { console.log(data); console.log(textStatus); }, error: function(jqXHR, textStatus, errorThrown) { console.error(errorThrown); } }); ``` 5. **跨域...
error: function(jqXHR, textStatus, errorThrown) { // ... } }); ``` 在这个例子中,我们可以指定请求类型、预期的响应数据类型,甚至在请求失败时提供错误处理函数。 总结来说,jQuery的Ajax功能提供了强大...
$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一、$.ajax的一般格式 $.ajax({ type: 'POST', ...success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数
error: function(jqXHR, textStatus, errorThrown) { // 错误处理回调函数 } }); ``` 接下来,`$.post()`和`$.get()`是`$.ajax()`的简化版本,专门用于POST和GET请求。`$.post()`用于发送POST请求,`$.get()`...
$.post(url, data, success, dataType); ``` 参数与`$.get()`相同,区别在于`POST`会将`data`作为请求体发送到服务器。 3. **$.ajax()方法** `$.ajax()`是jQuery中最通用的异步请求方法,它可以处理所有类型的...
复制代码 代码如下:jQuery.post( url, [ data ], [ success(data, textStatus, jqXHR) ], [ dataType ] ) $.post(url,postdata, function(data) { //deal with the data }); 方法3: 复制代码 代码如下:$.ajax({ ...
error: function(jqXHR, textStatus, errorThrown) { console.error("Request failed:", textStatus, errorThrown); } }); ``` 总的来说,jQuery AJAX 提供了多种方式来实现与服务器的数据交换,可以根据实际...
.fail(function(jqXHR, textStatus, errorThrown) { // 处理失败情况 }) .always(function() { // 请求无论成功或失败都会执行 }); ``` 此外,`get()`和`post()`方法还有简写形式——`.getJSON()`和`.ajax()`...
除了`$.ajax()`,jQuery还提供了更简洁的`$.get()`和`$.post()`方法,它们分别对应GET和POST请求。例如,使用`$.get()`实现上述示例: ```javascript $.get('https://api.example.com/data', function(response) { ...
6. **error**:请求失败时的回调函数,提供三个参数:`jqXHR`(jQuery封装的XMLHttpRequest对象)、`textStatus`(错误状态,如'timeout'、'error'、'parsererror'等)和`errorThrown`(错误信息)。 以下是一个...
对于简单的GET和POST请求,jQuery提供了更简洁的`$.get()`和`$.post()`方法。例如: ```javascript // GET请求 $.get('your-api-url', { key: 'value' }, function(response) { // 处理响应数据 }); // POST请求 ...
error: function(jqXHR, textStatus, errorThrown) { console.error('Error:', textStatus, ':', errorThrown); } }); ``` ### 2. `$.get()` 和 `$.post()` `$.get()` 和 `$.post()` 是`$.ajax()`的简化版本,...
- 回调函数通常接收三个参数:`data`(服务器返回的数据)、`textStatus`(请求的状态,如'success'或'error')和`jqXHR`对象(jQuery包装的XMLHttpRequest对象)。 5. **jQuery.ajax()方法**: - 当需要更精细...
success: function (data, textStatus, jqXHR) { // 处理返回的json数据 }, error: function (jqXHR, textStatus, errorThrown) { // 错误处理 } }); ``` 以上就是jQuery中几个主要的Ajax相关函数的解析。...