关于ajax的解释与简介,ajax不是一门语言!

品味人生 • 发布于 2019-02-01 21:37:02

这个家伙很害羞,不想介绍自己!

最近,有朋友说让我教他学ajax。当他这样问我的时候,确实让我表示无奈;其实他有一定的javascript基础,并且可以做出许多效果。可能他把ajax当作一门语言了吧。
其实ajax并不是什么高深的语言和技术,只要会javasctipt,懂得url传参即可轻松掌握这个技巧。
ajax多用在一些用户注册、登录、错误验证等情况下。
下面简单介绍一下,让一个ajax运行起来需要掌握哪些东西。

1.div+css 这是网页的基础,也是最容易的部分。
2.懂得javascript(jQuery等)的文本插入,元素选择等知识
3.URL传参;类似index.php?user=123&pass=123

掌握上面三类知识,就相当于掌握了ajax这项技能;当然,还需要一点点学习与实践。

下面举一个例子来说明ajax是如何工作的:
$.get("http://www.frontopen.com/dedenews.php?chanel=11&start=15, function(result){
$("#list_box").append(result);
});

分解代码:
$.get("http://www.frontopen.com/dedenews.php?chanel=11&start=15 //ajax通过get方式向程序脚本文件传参,具体是什么意思呢?可以直接去百度搜索任意一个关键词,再观察一下url地址栏的变化。是不是有很多乱码?这就是get传参方式,参数会以链接的形式进行传递。当然传递参数还有POST方法,这里不做解释和描述。

function(result) //定义了ajax获得返回内容后,执行的JS脚本语句。其中参数中的result变量为返回结果,通过append插入到匹配元素内部。

$("#list_box").append(result); //jQuery的文本操作方法append,插入到ID为list_box的元素内,不多解释了。

总结:
总结来说,ajax就是原本把需要在新页面中显示的内容,通过ajax异步载入到当前页面中来,再通过js输出,达到不刷新页面,获取新内容的目的。
需要注意的是,ajax取得的内容不能被搜索引擎正确识别。所以非必要的情况下,尽量不要用ajax来生成页面或页面某块部分。