这几天写网站想要使用ajax,jQuery已经将ajax封装的很好了,直接去官网下载jquery3的包就可以,但是关于PHP如何响应ajax的调用,PHP如何返回所需要的值,在html中如何使用返回值,官方没有写,网上的内容也是参差不齐,自己调试了好久,终于没什么问题,于是写出来,方便以后的使用吧。
1.第一步要先去官网下载jQuery,我下载的是min版,然后导入
1 2 |
<script type="text/javascript" src="/Public/js/jquery-3.2.1.min.js"></script> |
2. 第二步就是写一个js函数,使用什么控件调用一下这个函数,然后在函数里直接写ajax
1 2 3 4 5 6 7 8 9 10 |
<script type="text/javascript"> function validate2(){ $.get("index.php?c=plan&a=ajax", function(data){ var res = eval("(" + data + ")");//转为Object对象 var str = res.name; document.getElementById('words_name').innerHTML = str; }); } </script> |
3.然后就是在PHP中返回所需要的值,这里我只是简单的测试,在PHP中开一个数组,然后给name设置一个值,再转换为json格式,直接打印就可以,
1 2 3 4 5 |
public function ajax(){ $ret = array('name'=>'123'); echo json_encode($ret); } |
juery里的ajax通过调用哪个API接口可以读取到IP和地址
阿里云和聚合API等
用 JSON.parse()可以将json数据转为javascript对象。