ajax读取文件的小总结

1.ajax读取文件

创建数据文件。
创建XMLHttpRequest对象。
获取文件
注意点：
1.在服务器中运行
2.注意编码问题，要统一（ajax文件和数据文件）

2.获取文件的的分类

1.获取txt文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>ajax获取服务器文件</title>
</head>
<body>
<script type="text/javascript">var xmlHttp=null;//判断服务器状态函数function readyStateChangeHandle() {if(xmlHttp.readyState ==4){if(xmlHttp.status ==200){document.getElementById('ssj').innerHTML=xmlHttp.responseText;}}}//获取XMLHttpRequest对象函数function ajaxFunction(URL) {//获取对象try {xmlHttp =new XMLHttpRequest();}catch (e) {alert('您的服务器不支持ajax');}if(xmlHttp){xmlHttp.open("GET",URL,true);xmlHttp.onreadystatechange = readyStateChangeHandle;xmlHttp.send(null);}else {alert("error");}}</script>
<input type="button" id="test" value="test" onclick="javascript:ajaxFunction('text')"/>
<div id="ssj">123213213</div>
</body>
</html>

2.获取xml文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>获取XML文件</title>
</head>
<body>
<script type="text/javascript">var xmlHttp=null;function  readyStateChangeHandle() {if(xmlHttp.readyState==4&&xmlHttp.status==200){var xmlDOM=xmlHttp.responseXML;var xmlRoot=xmlDOM.documentElement;try {var xmlItem=xmlRoot.getElementsByTagName("item");alert(xmlItem[0].firstChild.data);}catch (e){alert(e.message);}}}function ajaxRequest() {if(window.XMLHttpRequest){xmlHttp =new XMLHttpRequest();}else{alert("不支持ajax");}xmlHttp.onreadystatechange=readyStateChangeHandle;xmlHttp.open("GET",'data.xml',true);xmlHttp.send(null);}
</script>
<input type="button" id="test" value="Take me to the world of Ajax" onclick="ajaxRequest()"/>
</body>
</html>

4.获取js文件并执行代码(eval)****

<select id="ssj" onclick="ajaxFunction()"> </select>
<script type="text/javascript">var xmlHttp=null;//判断服务器状态函数function readyStateChangeHandle() {if(xmlHttp.readyState ==4){if(xmlHttp.status ==200){var javascript =xmlHttp.responseText;//   var select =document.getElementById('ssj');//alert(select);eval(javascript);var html ="";html ="<select id='ssj'><option>"+aList[0]+"</option>";html +="<option>"+aList[1]+"</option></select>";document.getElementById('ssj').outerHTML=html;// select.outerHTML=html;}}}//获取XMLHttpRequest对象函数function ajaxFunction() {//获取对象try {xmlHttp =new XMLHttpRequest();}catch (e) {alert('您的服务器不支持ajax');}if(xmlHttp){xmlHttp.open("GET",'testjs/data.js',true);xmlHttp.onreadystatechange = readyStateChangeHandle;xmlHttp.send(null);}else {alert("error");}}
</script>

eval解析json字符串

  document.write(eval(2*3));try{alert("Result:"+eval(prompt("Enter an expression","请输入")));//prompt提供可输入的提示对话框}catch (e){alert(e);}//jsonvar json= "{'uid':123,'uname':'ssj'}";//json字符串命名规范var txtobj =eval("("+json+")");//解析json字符串document.write(txtobj.uid);

ajax读取文件的小总结相关推荐

ajax读取文件未及时更新
在ajax读取文件(.txt,.json)时,会发生更改文件,ajax读取的还是原来的文件,要想改变这个可以在读取文件的后缀在加个?t=XXX 具体情况如下这样由于t值在变化,浏览器就会认为是个变化 ...
ajax读取文件数据,Ajax 实现读取 properties 格式资源文件数据
Ajax 的核心是 JavaScript 对象 XmlHttpRequest.该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术.简而言之,XmlHttpRequ ...
php和html关于读取文件的小项目
需求:把txt文件中的数据在浏览器上显示其中TXT的文件内容为: 1 | 朱芳 | 18 | b.unyrl@tpwpqt.st | http://XEP.VC 2 | 康丽 | 22 | e.if ...
AJAX读取Json文件
Ajax是对接后端的工具,向服务器发送请求并且接收响应. 使用ajax读取文件需要以下基础的几步: 1.获取需要添加事件的节点(或者叫元素),给予onclik或者其他事件. 2.创建一个XMLHttp ...
使用Ajax读出json文件来进行一些操作（使用Ajax读取数据，并显示到网页中数据使用文本格式数据使用json格式）
这一个可能对大佬来说是比较简单的,哈哈欢迎指正,咋也是刚学,老师布置的小作业,希望能帮助到大家(如果大家是写作业的话,建议不要直接复制上去,不然可能就会有挺多雷同,比较csdn是一个比较广为人知的平台 ...
jq ajax 读取本地文件,jquery读取本地文件
$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquer ...
ajax,php文件读取
大道至简-20%的功能满足80%的需求 1.php文件读取 fopen() <?php $myfile = fopen("webdictionary.txt", " ...
python读取大文件的某行_Python按行读取文件的实现方法【小文件和大文件读取】...
本文实例讲述了Python按行读取文件的实现方法.分享给大家供大家参考,具体如下: 小文件: #coding=utf-8 #author: walker #date: 2013-12-30 #func ...
python按行读取文件效率高吗_Python按行读取文件的实现方法【小文件和大文件读取】...
本文实例讲述了Python按行读取文件的实现方法.分享给大家供大家参考,具体如下: 小文件: #coding=utf-8 #author: walker #date: 2013-12-30 #func ...

ajax读取文件的小总结

1.ajax读取文件

2.获取文件的的分类

eval解析json字符串

ajax读取文件的小总结相关推荐

最新文章

热门文章