博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax基础(上)
阅读量:5079 次
发布时间:2019-06-12

本文共 1445 字,大约阅读时间需要 4 分钟。

最近比较忙,明天早上回家,趁现在更新了给。这个周末修养生息,太累了。。。。

 

Ajax---“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。可以异步加载数据,不需要多次请求服务器,刷新页面。

搭建本地服务器,百度搜索wamp,下载php+mysql+apache的环境,之前一直试着下载每一个英文原版的软件,结果弄得头都大了,后来还是看到视频用这个,感觉蛮方便的。

通过按钮获取txt文件的内容。首先要导入ajax的js文件,然后编写按钮的点击事件。注意测试的时候要在本地服务器测试,不然的话没有反应。

1  2 

按钮切换内容,通过innerHTML的内容的改变切换内容。

1  2 26 28 29 30 31 32 
33

上面的那个例子,如果编码不统一会出现编码错误或者程序出错的问题,一般的html文档里面的编码为charset=utf-8

字符集编码的深入----讲的蛮详细的,可以去了解一下。

缓存---指临时文件交换区,如果已经读取了文件,再次更新文件后还是会显示原来的文件,需要清除缓存,重启浏览器可以删除缓存或者在加载的文件名后面添加相应的日期代码,在很小的时间范围内更新文件的名称。

读取数组---通过eval函数来使字符串变成数组(也不能说变,但是可以像数组一样的结构一样再来获取元素)。

1  2 20 21 22 23 读取动态文件
24 25

eval函数---可以读取字符串里的数字,并且可以计算字符串里面的数字;可以执行字符串里面的函数。

1 

Json---[{a:1,b:2},{a:3,b:4}]---这是json的数据格式

1 window.οnlοad=function() 2 { 3     var oBtn=document.getElementById('btn1');     4     oBtn.οnclick=function() 5     { 6         ajax('ajax.txt',function(str) 7         {     8             var arr=eval(str); 9             alert(arr[0].b);    10         })11     };12 };

ajax分页---通过a标签的点击事件来触发分页效果,在wamp/www文件夹下面创建三个文本文件;注意.txt文件的名称,index的索引值是从0开始的,所以要加1,;然后通过eval函数把json文件里的东西分解;

1  2 31 32 33 34 
    35
36 137 238 339

http请求方法-----get/post

get是向服务器索取数据的一种请求,可以在浏览器的左下角得到用户名,密码等信息---论坛的详情页面,有利于分享网站地址---获取数据---把相应的数据放在地址栏里面;而post是向服务器提交数据的一种请求,要提交的数据位于信息头后面的实体中----上传数据---把数据放在html content里面。

转载于:https://www.cnblogs.com/paxster/archive/2013/05/24/3092854.html

你可能感兴趣的文章
详解python2 和 python3的区别[附实例]
查看>>
cracer教程3----信息收集
查看>>
冒泡排序
查看>>
Java里子类调用父类构造方法问题
查看>>
linux环境jdk+tomcat搭建
查看>>
iOS文字自适应 浅谈
查看>>
初学java之异常类
查看>>
Git安装与配置
查看>>
Android面试收集录 网络与加密
查看>>
Android软件开发-AutoCompleteTextView、MultiAutoCompleteTextView
查看>>
uva 10780
查看>>
php代码如何加域名授权?开源php项目如何保护版权 商业授权?
查看>>
埃氏筛法——素数的快速筛选
查看>>
PBN飞越转弯Flyover衔接DF航段保护区组图
查看>>
小程序将名片信息存入手机系统通讯录
查看>>
软件项目团队建设的“三个中心”
查看>>
Leetcode 366: Find Leaves of Binary Tree
查看>>
Python学习之路_day_23(面向对象)
查看>>
[Android] 基于 Linux 命令行构建 Android 应用(三):构建流程
查看>>
移动端日期段选择,不可选过去日期,可传入不可选日期,返回数组
查看>>