首页>>后端>>java->jquery ajax

jquery ajax

时间:2023-11-29 本站 点击:1

1、定义和用法

Ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 最底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

最简单的情况下,$.ajax() 可以不带任何参数直接使用。

注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

2、语法

jQuery.ajax([settings])

3、常用参数

更多参数请戳:https://www.w3school.com.cn/jquery/ajax_ajax.asp

4、实例

1)通过 AJAX 加载一段文本:

jQuery 代码:

$(document).ready(function(){$("#b01").click(function(){htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});$("#myDiv").html(htmlobj.responseText);});});

HTML代码:

<divid="myDiv"><h2>LetAJAXchangethistext</h2></div><buttonid="b01"type="button">ChangeContent</button>

2)通过 AJAX 向服务器发请求:

$(function(){//发送请求的参数vardataList={};//ajax请求$.ajax({//请求方式type:"POST",//请求内容编码类型contentType:"application/json;charset=UTF-8",//请求的服务器地址url:"http://127.0.0.1/admin/list/",//数据,json字符串data:JSON.stringify(dataList),//请求成功的回调函数success:function(result){console.log(result);},//请求失败的回调函数,包含具体的错误信息error:function(e){console.log(e.status);console.log(e.responseText);}});});


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/java/737.html