方法一：
<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
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");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
data=xmlhttp.responseText;
alert(data)
console.log(data)
}
}
xmlhttp.open("GET","http://192.168.139.215:8000/index/",true);
xmlhttp.send();
}
</script>
</head>
<body>
<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">request</button>
<div id="myDiv"></div>
</body>
</html>
方法二：
<head>
<script src="/my/jquery-2.1.1.min.js"></script> //（有此文件才 可以使用Ajax）
<script type="text/javascript">
alert("aaa")
function sub() {
$.ajax({
type: 'get',
//dataType: 'json',
url:'http://192.168.139.215:8000/index/',
success: function(msg) {
alert("success")
},
error: function() { alert("failed")}
})
}
</script>
<body>
<input type="button" id="wo" name="zou" value="huiying" onclick="sub()"/>
</body>
</html>
分享到：
相关推荐
Ajax是通过http，使得JS与后端进行数据通信，由于Ajax的异步特性，可以使多个Ajax请求同时访问后端，对页面的局部数据进行逻辑处理，并渲染。 ajax中前端和后端的交互图： 代码实现： $.ajax({ type: "post", ...
Ajax实现定时刷新，获取后台数据实现技术
html通过 ajax jsonp跨域请求接收和传送数据 使用HTML页面与后台跨域交互,获得后台数据或传输数据给后台
前后端分离：前端使用ajax访问后端的rest服务，后端返回json格式数据。页面用nginx反向代理访问。 支付功能：实现微信和支付宝支付客户端。 日志：Logback打印日志，默认打印Web和Service简要日志。 工具类：字符串...
本文实例讲述了vue ajax ...1.发送ajax 请求访问后端数据。 2.后端如果发现没有登录，那么将会丢出一个exceptionaction 的http 响应头。 3.这个判断将在ajax 拦截中处理，只要有这个响应头，我们会检查是否有登录toke
项目包含了如下几个内容：项目的总体介绍、当前项目的介绍，Ajax介绍和应用场景、Ajax常见的应用案例讲解、实战项目的初始化和项目准备、使用Ajax访问后台的接口并获得数据展示在web页面、在前端使用Ajax对后端进行...
1.通过WebSocket实现后台...2.通过Ajax每秒请求后台，类似实时刷新访问后台数据。 3.本系统两种方式都实现了后台事件的主动推送，性能都非常稳定。 注意：由于采用的是Maven开发，pom文件中缺失的jar请自行下载。
前端直接采用Layui框架编写，ajax请求后端接口，进而完成页面渲染。 安装教程 NoteTask是后台代码，环境为JDK1.8。 note为前端代码，直接浏览器访问即可。 mysql文件系夹中为sql文件，用数据库可视化工具导入即可...
前端通过 Ajax 请求来访问后端的数据接⼝，将 Model 展示到 View 中即可。 前后端开发者只需要提前约定好接⼝⽂档（URL、参数、数据类型…），然后分别独⽴开发即可，前端 可以造假数据进⾏测试，完全不需要依赖于...
前台和后台服务器通信使用ajax技术。内含服务器简要使用文档。 功能只有服务器所应有的基本功能比如：页面访问，图片视频载入，文件下载等。IP控制，数据库链接，日志等功能比较弱有待日后添加。不过目前因为功能...
前后端的数据请求交互通过Ajax完成； 引入了Moment.js格式化前端页面显示时间； 2、项目后端搭建: 使用NodeJs的express框架完成电影网站后端搭建； 使用mongodb完成数据存储，通过mongoose模块完成对mongodb数据的...
整个系统使用bootstrap框架搭建前端页面，使用原生js+Ajax+PHP的方式实现前端与后端的数据交互，前端使用post或get的方式发送请求，PHP使用$_GET、$_POST等方式接受数据，将处理后的数据以json字符串的方式返回。...
– 前端定时读取后端数据，并显示到echart上。 第一种思路貌似走不通，主要考虑第二种方式。 第二种方式首先想到的是利用javascript直接读取数据库，并定时更新echart曲线。 后来了解js只是前端语言，没有访问数据库...
前端与后端通过Ajax进行数据交互，实现了无刷新页面更新。 后端：使用SpringBoot框架进行开发，实现了RESTful风格的API接口。主要功能包括用户管理、商品管理、订单管理等。使用了JWT进行用户身份验证，保证了系统...
api.py: 提供后端API的蓝图, 使用 Ajax POST 方式访问 models.py: 提供可操作的数据库ORM对象和定义数据模型 decorators.py: 提供装饰器, 例如: 要求用户必须登录的视图装饰器 utils.py: 提供一些自定义函数 /conf/:...
JavaScript 和 AJAX 跨域访问分为两大类，一是本域和子域的交互，二是本域和其他域的交互。 一、本域和子域的交互：www.s135.com 和 blog.s135.com 二、本域和其他域的交互：blog.s135.com 和 api.bz 本域和...
主要给大家介绍了关于Ajax获取node服务器数据的完整步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Java JSP（JavaServer Pages）是一种基于 Java 技术的动态Web页面开发技术，可以用于构建网站、Web应用程序、电子...使用 AJAX 技术实现异步请求和响应，提高用户体验； 使用 Bootstrap 或其他 UI 框架提供美观的界面。
项目简介： 本项目致力于使用SSH（Struts2, Spring, ...数据库管理：使用MySQL或Oracle数据库，确保数据的安全性和高效访问。 安全措施：集成Spring Security，实现用户认证、授权和数据加密，保障交易的安全性。
CRM-智能办公系统前端基于LayUI框架和Freemarker技术开发，后端基于Java技术以及SSM框架开发，前后端数据通过Ajax交互,数据库采用MySQL，开发工具为IDEA，使用B/S模式开发。本系统为B to C类型的操作性CRM系统，系统...