Ajax get请求示例
原创
©著作权归作者所有:来自51CTO博客作者DT陶喆的原创作品,请联系作者获取转载授权,否则将追究法律责任
正好早上有时间,代码:
$.ajax({
type:'GET',
url:'proinfo',
data:data,
success:function(result){
//返回成功进行响应操作
//把获取信息填写在当中//现在还差image字段传值
document.getElementById('rental_house_name').innerText = result['rental_name'];
document.getElementById('house_price').innerText = result['house_price'];
document.getElementById('phone_number').innerText = result['phone_number'];
document.getElementById('write_interview').innerText = result['write_interview'];
document.getElementById('cur_address').innerText = result['cur_address'];
}
});
使用ajax发送get请求时候,url为相对地址,而非绝对地址. data为需要传输的数据,为json格式,其中一个很重要的形式,就是发送的data数据,其实实际上在url表现形式上为?data='''形式,例如json数据为data={'demo':'ddd'};则在url表现上为www.baidu.com?demo=ddd 这种形式。然后success里面的result为服务器端发回的json数据,函数里面为自己的处理。
然后比较重要的一点,我个人粗浅的感觉,就是做前端,首先需要会调试,这个是很关键的一步,对于ajax请求或者大部分需要网络请求的调试,很关键是利用好谷歌浏览器的工具,就是使用好network,就能解决大部分ajax的问题,个人见解
![Ajax get请求示例_json数据](https://s2.51cto.com/images/blog/202212/29151847_63ad3f5757d0581117.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=/resize,m_fixed,w_1184)
其次,http协议和tcp/ip协议也很重要,工作年限绝对不是个人能力的体现。还是先掌握好网络,才会灵活调试,前后端都很需要网络,先不写了,自学去了。