Maison >interface Web >js tutoriel >Méthode jquery$.ajax()
Méthode $.ajax() de jquery
* $.ajax()
* Fonction : C'est la méthode sous-jacente Ajax dans jquery, le $.get() que j'ai appris auparavant, $.post...a sa forme spéciale
* Syntaxe : $ajax()
* Paramètres : les paramètres sont écrits dans des littéraux d'objet js
* Remarque : depuis il existe de nombreux paramètres, des exemples sont utilisés pour les illustrer ci-dessous
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>$.ajax()</title> </head> <body> <h2>用户登录</h2> <form> <p>用户名:<input type="text" name="name"></p> </form> </body> </html> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> //当失去焦点时时行验证 $(':input').blur(function(){ // alert('通过') //使用ajax进行异步验证 //语法1: 全部参数写到$.ajax()参数中 $.ajax({ //请求的服务器资源,必须是字符串 url: 'api/demo.php', //客户端的请求类型:GET,POST...,推荐大写 type: 'GET', //从服务器端返回的数据类型格式:xml,html,json,txt等 // dataType: 'json', //异步true,还是同步false(锁定浏览器) // async: true, //发送数据 //1.查询字符串键值对,多个值之间用&连接 // data: 'name='+$(':input').val(), //2.json格式 // data: {'name':$(':input').val()}, //3.当表单有多个字段时使用序列化方法可提高效率 //将表单控件内容序列化为查询键值对格式 // data: $('form:first').serialize(), //4.将表单控件内容序列化为json格式 data: $('form:first').serializeArray(), //成功回调 success: function(msg,status,xhr) { console.log(msg) $('p span').empty() $('p').append($(msg)) } }) //$.ajax()第二种语法格式,用得不多,但要看得懂 $.ajax({ url: 'api/demo1.php', type: 'GET', dataType: 'json', data: $('form:first').serialize(), }) .done( function(msg) { console.log(msg.tips) $('p span').empty() $('p').append($(msg.tips)) }) }) </script>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!