实现方式1——javascript

<input type="submit" onclick="fun()">-------------------------------------------------------------------------
<script>function fun() {//1、创建对象var xmlhttp;if (window.XMLHttpRequest){//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码xmlhttp=new XMLHttpRequest();}else{// IE6, IE5 浏览器执行代码xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}//2、发送请求xmlhttp.open("GET","ajaxservlet?username=jack",true);xmlhttp.send();//3、接受返回数据xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){var  responsetest = xmlhttp.responseText;alert(responsetest)}}}</script>

实现方式2

$.ajax({

xxx:xxx,

xxx:xxx

});

该参数规定 AJAX 请求的一个或多个名称/值对。

jQuery ajax() 方法 | 菜鸟教程

    <script>function fun() {$.ajax({url:"ajaxservlet",//type:"get",// data:"username=jack&age=23",data:{"username":"jack","age":"25"},success:function (data) {alert(data);},error:function () {alert("请求出错");}});}</script>

实现方式3

$.get(URL,data,function(data,status,xhr),dataType)

    <script>function fun() {$.get("ajaxservlet",{"username":"jack","age":"24"},function (data) {alert(data)},"text");}</script>

实现方式4

AJAX入门——不加载整个页面,与服务器交换数据并更新部分网页内容相关推荐

AJAX——与服务器交换数据并更新部分网页技术
简介 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML) ...
vue实现详情页返回列表页，数据不加载且页面原有位置不变
常见的需求: 列表页 ====>点击跳转到列表详情页面 ======> 返回列表页(希望页面不重新加载,且保留原来浏览的位置). 1.实现页面的不重新加载使用vue的keep-alive ...
vue 路由参数变化，页面不刷新（数据不更新）解决方法
路由参数改变,页面数据不更新解决方法: http://localhost:8080/#test?id=1 http://localhost:8080/#test?id=2,参数切换后,数据未更新以下 ...
爬取通过ajax动态加载的页面（实时监控华尔街见闻资讯与快讯）
学习了几天如何使用scrapy去爬取静态网站,今天尝试去爬取动态加载的网站.选取的网站是华尔街见闻,文中不会像往常一样大篇幅讲解每一步该如何做,而是探讨如何爬取. 在源代码中无法获得全部数据(有的根本 ...
加载(WebView)页面,调JS刷新数据
WebView.loadUrl():加载页面 WebView.loadUrl("javascript:function()");调用JS函数刷新数据
vue从后台获取新数据后刷新_vue项目中实现定时刷新页面（重新渲染数据实时更新）...
需求: 每隔一分钟自动刷新一下当前页面,同时发送请求,重新渲染数据,以到达实时更新. 开始: js有两种定时器 setInterval(function(){}, milliseconds)--会不停 ...
微信小程序登录与服务器交换数据的流程
1.先去微信公众平台申请账号前期开发的话可以先申请一个测试账号不需要填太多的质料申请测试号的过程非常简单.只需访问申请地址 ,并使用微信扫描二维码,即可获得为自己分配好的小程序和小游戏测试账号. ...
python爬虫动态加载页面_如何爬动态加载的页面？ajax爬虫你有必要掌握
通过前面几期Python爬虫的文章,不少童鞋已经可以随心所欲的爬取自己想要的数据,就算是一些页面很难分析,也可以用之前介绍的终极技能之「Selenium」+「Webdriver」解决相关问题,但无奈这 ...
ajax post提交数据_详解Ajax异步加载
前言: 作为资深球迷,提起Ajax,第一反应想到的是阿贾克斯,那个曾培养出伊布,范德法特,苏亚雷斯,亨特拉尔等一众球星的荷甲著名球队. 很显然,我们今天说的Ajax,跟足球没有任何关系,我们说的是这个 ...

AJAX入门——不加载整个页面,与服务器交换数据并更新部分网页内容

实现方式1——javascript

实现方式2

实现方式3

实现方式4

AJAX入门——不加载整个页面,与服务器交换数据并更新部分网页内容相关推荐

最新文章

热门文章