PHP. 03 .ajax传输XML、 ajax传输json、封装(3)_H5之家 - 中国HTML5教程资源分享第一站

html：

<body> <input type="button" value="测试get"> </body> </html>  <script type="text/javascript" src='ajax_tool.js'></script> <script type="text/javascript"> document.querySelector('#ajax_get').onclick = function () { // 直接使用封装的工具函数即可 /* 参数1:url 参数2:数据参数3:请求的方法 */ var backData = ajax_tool('01.test_get.php','name=huluw&skill=saveyeye','get',function(data){ console.log(data); }); // 测试 console.log(backData); } </script> post方式：

php：

<?php echo $_POST['friend']; ?>

html：

<body> <input type="button" value="测试post"> </body> </html>  <script type="text/javascript" src='ajax_tool.js'></script> <script type="text/javascript"> document.querySelector('#ajax_post').onclick = function () { // 直接使用封装的工具函数即可 /* 参数1:url 参数2:数据参数3:请求的方法参数4:数据获取成功调用的方法 */ var backData = ajax_tool('02.test_post.php','friend=好丽友','post',function(data){ console.log(data+"---dddd-----"); }); // 测试 console.log(backData+"我是backdata"); // 怎么样处理数据全部写在匿名函数中 ajax_tool('02.test_post.php','friend=好丽友','post',function(data){ console.log(data+"我是ajax_tool"); // 修改页面的显示呢? }); } </script>

猜你在找