用Ajax读取text数据

AI权益加码!Claude Code、Cursor等20+工具免费用! 购周边限时加赠Coding Plan Lite,畅享主流AI工具!学习进阶更高效! 阅读详情

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">

<html>
 <head>
  <title>Ajax Hello world </title>
   
   <script type="text/javascript">
   var xmlHttp;
   
   //XMLHttpRequest对象初始化
    function createXMLHttpRequest(){
     if(window.ActiveXObject){
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
     }
    }
   
    //按钮事件
    function startRequest(){
   
     createXMLHttpRequest();
     
     try{
      //xmlHttp状态改变触发器绑定事件
      xmlHttp.onreadystatechange = handleStateChange;

      xmlHttp.open("GET","data.txt",true);
      xmlHttp.send(null);
      
     }
     catch(exception)
     {
      alert("您访问的资源不在");
     }
    }
   
   
    function handleStateChange(){
     if(xmlHttp.readyState == 4){
      //if(xmlHttp.status == 200 || xmlHttp.status ==0){
       //显示返回结果
       alert("responseText's value:"+xmlHttp.responseText);
      //}
     }
    }
  </script>
  
  <body>
   <div>
    <input type="button" value="return" onclick="startRequest();"/>
   </div> 
  </body>
 </html>

jquery+ajax+text文本框智能提示 模仿百度查询的智能提示 先看看效果图: 代码部分: CSS代码: #searchresult { width: 130px; position: absolute; z-index: 1; overflow: hidden; 阅读详情

相关推荐

AJAX如何在TEXT中动态显示数据

如何在TEXT中动态如何在TEXT中动态如何在TEXT中动态显示数据

ajax返回类型text,ajax返回类型dataType json和text比较

$.ajax({type: "post",url: "${ctx}/modules/fos/reference/echart",//dataType:'json',success: function(data) {alert(typeof data);//stringvar option=$.parseJSON(data);alert(typeof option);//objectvar myCh...

weixin_28873283的博客 1510

Ajax读取Text格式的数据

  用Ajax读取Text格式的数据,只需要读取XMLHttpRequest对象返回的responseText属性即可。代码如下:   1、Client - helloworld.htm <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml...

weixin_30825199的博客 485

ajax 中json格式数据格式,AJAX中的dataType(数据格式)-text、json

因为经常使用数据格式,所以将它封装成类,J这样就不会用到时就写了,直接调用写好的类就可以了(1)dataType数据格式为:TEXT格式的数据是字符串的数据,在“ajax数据进行删除和查看”的那篇博客中说过,这里在说下结果不会每个传输的都是字符串,有时是二维数组,这样就要转换为字符串格式了class DBDA{public $host="localhost"; //数据库连接public $ui...

weixin_33576058的博客 3341

ajax实现实时刷新局部数据,获取text框中的并通过表单传到servlet后台

因为这个问题困扰了我好久,所以把解决的方案跟大家分享一下,就是在ajax成功返回执行的方法中给隐藏表单中的对应id赋就好了,就是下面这个图中框起来的部分 JS代码 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $("#deta

爱学习的大雄的博客 1284

Ajax读取Text格式的数据

1.文本文件名:data.txt,其中内容如下所示: 文本测试数据!   2.用来测试读取*.text文件的页面为:test.htm &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html&gt; &...

ChocooM 330

AJAX三种数据格式的读取实例

<br />每次写AJAX都要重新定义XMLHTTP, -_-!这次在网上找到一个格式很规范的三个例子,记下来,留着COPY+PASTE.   <br />AJAX三种数据格式的读取实例<br />一、用Ajax读取Text格式的数据 <br />  用Ajax读取Text格式的数据,只需要读取XMLHttpRequest对象返回的responseText属性即可。代码如下:<br />  1、Client - helloworld.htm <br /><!DOCTYPE html PUBLIC “-//W

tianwailaibin的专栏 785

[专题] Ajax三种数据格式的读取实例

  客户端的Ajax与服务器之间的数据传输,通常有三种格式:Text、XML和JSON格式。下面是Ajax从服务器端读取这三种格式数据的实例代码(为了简化过程,用.txt文件和.xml文件充当服务器端): 用Ajax读取Text格式的数据Ajax读取XML格式的数据Ajax读取JSON格式的数据 附源码:responseText.rar、respon...

weixin_30314631的博客 83

XMLHttpRequest 中 blob类型数据text

场景描述:ajax接收的数据类型既有blob类型也有text时,不同的类型做不同的处理。如,当下载文件、图片等信息时候,需要字节流responseType = 'blob',同时,如果后台有出错信息需要前台展示,此时需要字符类型responseType = 'text'。两个类型不能同时存在。 解决方案:都用blob类型接收,然后将blob类型转text类型 实施:blob类型无法直接转text类型,需要中间转换     var blob = xhr.response; //xhr.respons

qq_40840914的博客 1467

昨天写了一段代码,关于ajax的,一直没有取到从另一个页面response出来的XML

昨天写了一段代码,关于ajax的,一直没有取到从另一个页面response出来的XML。哎,今天上午弄了一个上午,终于知道为什么了,原来是我没有设置Response.ContentType=("text/xml;charset=UTF-8");输出的是“text/html”格式的,所以我老是出不到responseXML的,在输出前面加上Response.ContentType=("text/x

chybaby的专栏 1053

java ajax json参数传递_ajax传JSON时设置的contenttype导致JAVA中request.getParameter("")怎么也接收不到数据...

ajax传JSON时设置的contenttype默认是application/x-www-form-urlencoded,当ajax传JSON时设置的contenttype如果是application/json或者text/json时,JAVA中request.getParameter("")是接收不到数据的。因为在java后台会认为你传递的是一个纯文本流,而非键对,是不能存入request...

weixin_32126033的博客 239

Jquery中对常用控件赋的方法

场景 通过Jquery进行ajax请求数据后将返回的数据给页面中的 控件进行赋。 实现 1.对input进行赋 $("#id").val("赋"); 2.对label进行赋 $("#id").text("赋");或者$("#id").html("赋"); 3.对span进行赋 $("#id").text("赋");或者$("#id").html("赋"); ...

BADAO_LIUMANG_QIZHI的博客 1020

bootstrap-duallistbox的使用 若依 动态获取数据

bootstrap-duallistbox的使用 若依 动态获取数据数据

weixin_45553596的博客 1692

ajax特殊字符转码,Ajax传递特殊字符的数据如何解决

问题描述如下,对含有特殊字符的text进行JSON封装,通过Ajax传递,var data = {"Id": id, "text": text};在后台无法进行数据接收。解决方案将req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");换为:req.setRequestHeader("Content-type...

weixin_35523284的博客 360

请求xml文件(xhr.responseXML取到的为null)

昨天在学习到Ajax读取xml文件操作的时候出现了这个问题 xhr.responseXML不能渠道xml文件的信息 如图所示: 我查了许多的资料之后大部分所发是因为response的contentType默认是text/html;charset=utf-8;这个格式可以传送text文本,但是现在需要传送的是xml文件,在ajax页面获取的就是document对象。 但是知道是这个原因之后再在php文件中添加了header(‘content-type:text/xml;charset=utf-8’);这句

vi_to的博客 2388

asp.net把dataset生成xml用ajxa读取

asp.net把dataset生成xml用ajxa读取 dataset从数据库获取就不废话了 DataSet Ds = new DataSet(); XmlDataDocument docxml=new XmlDataDocument() ; docxml.LoadXml(Ds.GetXml()); Response.ContentType = "text/xml";

601

php ajax读取payload,AJAX POST请求中参数以form data和request payload形式在php中的获取方式...

一.MINE TYPE问题:PHP对mime type为“application/x-www-form-urlencoded”(表单提交)和“multipart/form-data”(文件上传)的Post请求的数据作特殊处理下面以“multipart/form-data”为例对源码进行解析:当客户端发起文件提交请求时,Apache会将所接收到的内容转交给mod_PHP5模块。 当PHP接收到请求后...

weixin_39637386的博客 579

AJAX学习笔记

AJAX学习笔记

kart jim的CSDN博客 708

javascript读取xml文件读取节点数据的例子

分享下用javascript读取xml文件读取节点数据方法。 读取的节点数据,还有一种情况是读取节点属性数据。 <head> <title></title> <script type="text/javascript"> var objLength = null; var xmlHttp; var strurl = ""...

aijiagui7454的博客 700
上一篇: JSP内置对象request、page
下一篇: java:comp/env
bjd14
博客等级 码龄21年 13粉丝 27原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值