`

原生JS Ajax调用

ajaxjavascripthtml前段 
阅读更多
原生JS Ajax调用 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> 原生JS Ajax调用 </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body>
			

<script type="text/javascript">
<!--
	var xmlhttp;
	if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}else{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	//alert(xmlhttp)

	/***
		打开连接  设置参数
		参数一：提交方式 POST 或者GET
		参数二：请求URL
		参数三：是否异步操作，true、false
	*/
	xmlhttp.open("GET","http://www.baidu.com/s?tn=baiduhome_pg&ie=utf-8&bs=%E5%8E%9F%E7%94%9F+js+ajax&f=8&rsv_bp=1&rsv_spt=1&wd=ajax&rsv_sug3=1&rsv_sug=0&rsv_sug1=1&rsv_sug4=50&inputT=3045",true);
	
	/***
	* 发送请求以及数据 send方法可以传送数据
	*/
	xmlhttp.send();

	//当异步调用时设置返回时执行的方法，即回调函数
	xmlhttp.onreadystatechange=function(){
	if (xmlhttp.readyState==4 && xmlhttp.status==200){
		/**
		* 把返回的内容直接打印到hmtl页面
		* 此处可以写逻辑，录入根据返回的内容进行相应的处理
		*/
		document.write(xmlhttp.responseText);
    }
  }

//-->
</script>


 
 </body>
</html>
0
顶
2
踩
分享到：
| JS获取表格 按钮所在的行上的元素
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    原生js jquery ajax请求以及jsonp的调用方法

    ajax 是用来处理前后端交互的技术，可以改善用户...ajax的语言载体是JavaScript，最大的特点是页面不刷新 1、获取ajax对象 主流浏览器获取方式:火狐、谷歌、safari、opera、IE7以上 var xhr = new XMLHttpRequest();

    原生JS简单实现ajax的方法示例

    本文实例讲述了原生JS简单实现ajax的方法。分享给大家供大家参考，具体如下： HTML部分： &lt;body&gt; &lt;input type=button value=Ajax提交 onclick=Ajax(); /&gt; &lt;div id=resText&gt;&lt;/div&gt; &lt;/body&gt; 这里...

    Asp.Net WebApi 上传文件方法（原生js上传和JQ ajax上传）

    Asp.Net WebApi 上传文件方法： 实现功能： 1.原生js调用api上传 2.jq ajax调用api上传 上传文件

    ajax.js:用原生 javascript 编写的简单 ajax 模块

    模块是用原生 javascript 编写的，具有简单的 AJAX 需求。 一个简单的 GET 调用在一个地方，所以我使用了作为代码的基础来进行 AJAX 调用。 代码运行良好，没有任何问题。 通常我在用于项目的任何框架/库中使用 ...

    jquery利用ajax调用后台方法实例

    代码如下:语法:$(function(){ var callback = function(r){...js: 代码如下:$(function(){ var callback = function (r) { var data = “&lt;marquee width=’853;’ height=’250px;’ scrollamount=’2′ scrollde

    原生JS与jQuery对AJAX的实现

    AJAX=AsynchronousJavaScriptandXML（异步的JavaScript和XML）。AJAX不是新的编程语言，而是一种使用现有标准的新方法。AJAX是与服务器交换数据并更新部分网页的技术，在不重新加载整个页面的情况下。就是利用JS来无...

    原生js实现对Ajax的封装(仿jquery)

    众所周知，jquery在我们日常开发中的使用频率非常高，与js相比，我们省去了冗长的获取元素的代码，不用考虑一些麻烦的兼容问题，更加方便的动画实现，以及更加方便的方法调用让我们觉得jquery真是越用越舒服。...

    基于js原生和ajax的get和post方法以及jsonp的原生写法实例

    下面小编就为大家带来一篇基于js原生和ajax的get和post方法以及jsonp的原生写法实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

    使用原生js封装的ajax实例(兼容jsonp)

    实例如下： /* 封装ajax函数 ... * @param {string}opt.url 发送请求的url * @param {boolean}opt.... * @param {function}opt.success ajax发送并接收成功调用的回调函数 */ function ajax(opt) { opt = opt || {}

    原生javascript的ajax请求及后台PHP响应操作示例

    主要介绍了原生javascript的ajax请求及后台PHP响应操作,结合示例形式分析了JavaScript前台ajax请求的原理、调用、后台PHP响应请求及cookie保存相关操作技巧,需要的朋友可以参考下

    原生JS写Ajax的请求函数功能

    一般我们写网页的时候，如果用到 Ajax 请求服务器，都是使用 JQuery 等已经封装好的库来调用，比较简单。 但是一般这些库的功能很多，引入了太多我们用不到的东西，如果我们需要写一个功能单一，简单的页面，完全用...

    原生js调用json方法总结

    Ajax基础 ajax:无刷新数据读取,读取服务器上的信息 HTTP请求方法: GET:用于获取数据,如浏览帖子 ajax.judgeXmlHttpRequest('get', 'index.php', function(data){ alert&#40;data&#41;; //这是服务器返回的数据 }...

    php下的原生ajax请求用法实例分析

    本文实例讲述了php下的原生ajax请求用法。分享给大家供大家参考，具体如下： 浏览器中为我们提供了一个JS对象XMLHttpRequet，它可以帮助我们发送HTTP请求，并接受服务端的响应。 意味着我们的浏览器不提交，通过JS就...

    原生js封装的ajax方法示例

    主要介绍了原生js封装的ajax方法,结合实例形式分析了JavaScript封装ajax操作及调用方法相关操作技巧,非常简单实用,需要的朋友可以参考下

    使用原生ajax处理json字符串的方法

    JSON的全称是 Javascript Object Notation（javascript对象表示法），是基于javascript对象字面量。这篇文章主要介绍了使用原生ajax处理json字符串的相关资料,需要的朋友可以参考下

    实例讲解使用原生JavaScript处理AJAX请求的方法

    Ajax 是异步的JavaScript和XML的简称，是一种更新页面某部分的机制。它赋予了你从服务器获取数据后，更新页面某部分的权力，从而避免了刷新整个页面。另外，以此方式实现页面局部更新，不仅能有效地打造流畅的用户...

    Ajax基础之原生js封装

    3 还有一个问题就是关于 xhr.responseText ，变量xhr是在封装函数中声明的，所以这个东西属于ajax函数的，我们在success函数中是用不到的， 但是success这个函数里面需要用这个数据。所以办法就是在封装函数中调用...

    原生Javascript封装的一个AJAX函数分享

    最近的工作中涉及到大量的ajax操作,本来该后台做的事也要...所以我也花一天时间写了一个,参数与调用方法类似于jquery的ajax.就叫xhr吧,因为xhr=XMLHttpRequest. 代码如下: /* * Name: xhr,AJAX封装函数 * Description:

    原生AJAX写法实例分析

    虽然现在很多JS的框架提供了AJAX的调用方法，我们甚至不用去了解其具体的实现原理就可以直接调用了，但是我认为不去从最基础的层面了解一个东西，就很难做到最好。 var XHR=null; if (window.XMLHttpRequest) { //...

Magicbox
Global site tag (gtag.js) - Google Analytics