Ajax的入门学习须知

前端之家收集整理的这篇文章主要介绍了Ajax的入门学习须知前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

学习Ajax可以用的开发环境或编辑器有很多,个人在初学时使用的是谷歌浏览器和Sublime。下面说几个在初学的时候需要注意到的地方:

  1. 我们一般直接用JQuery库中的Ajax,所以一定要在head中就引入。

  2. 调试一个Ajax的内容时,不要直接在浏览器中打开,而是应该在服务器上测试,比如:

wKioL1e1LqCieSPTAABNOEnGP5k061.png-wh_50

wKioL1e1LqPgG9hLAABVM_jePwQ930.png-wh_50

如果一个Ajax发生了错误,没有按照预期的效果执行,我们需要进行逐步的排查,先试试将读取文件的方式换成text纯文本

$(".send_ajax_request").click(function(){
			//发送ajax请求
			$.ajax({
				url:"people.txt",type:"get",dataType:"text",//data:{id=ss&name=ss}用于发送数据
				success:function(data){
					//此处先试着alert出data
				},error:function(){
					alert("error");
				}
			});
		});

如果这一步可以实现,则证明Ajax的文件书写有误,开始对原来的.json文件进行修改。这里,云凡建议你可以用英文输入法写出大概框架的json文件然后再书写。

原文链接:https://www.f2er.com/ajax/161931.html

猜你在找的Ajax相关文章