java前后端数据交互_前后端数据交互(示例代码)

function ajax(option) {

function objtostring(obj){

if(typeof obj===‘object‘ && !Array.isArray(obj)){

var arr=[];

for(var i in obj){

arr.push(i+‘=‘+obj[i]);

}

return arr.join(‘&‘);

}else{

throw new Error(‘请输入对象‘);

}

var ajax = new XMLHttpRequest();

//默认参数配置

option.type = option.type || ‘get‘;

option.data = option.data || ‘‘;

//判断接口地址是否存在

if(!option.url) {

throw new Error(‘请输入接口地址‘);

}

//数据传输

if(option.data && typeof option.data === ‘object‘ && !Array.isArray(option.data)) { //对象

option.data = objtostring(option.data);

} else { //其他

option.data = option.data;

}

//是否异步

if(option.async== ‘false‘ || option.async == false) {

option.async = false;

} else {

option.async = true;

}

//get方式

if(option.data && option.type == ‘get‘) {

option.url += ‘?‘ + option.data;

}

//post方式

ajax.open(option.type, option.url, option.async);

if(option.type == ‘post‘) {

ajax.setRequestHeader(‘content-type‘, ‘application/x-www-form-urlencoded‘);

ajax.send(option.data);

} else {

ajax.send();

}

if(!option.async) { //同步

if(ajax.status === 200) {

option.success && option.success(ajax.responseText);

} else {

option.error && option.error(‘接口地址有误‘ + ajax.status)

}

} else { //异步

ajax.onreadystatechange = function() {

if(ajax.readyState === 4) {

if(ajax.status === 200) {

option.success && option.success(ajax.responseText);

} else {

option.error && option.error(‘接口地址有误‘ + ajax.status)

}

2:前端向后端发送或是添加数据给后端到数据库，后端是如何接收的

3：后端接收成功数据并且把数据返回给前端

4:通过ajax后端将数据库的信息渲染出来

5:这个时候前端当用户把信息提交的时候，后台数据库会显示了用户信息

java前后端数据交互_前后端数据交互(示例代码)相关推荐

excel导入数据校验_使用Excel数据验证限制日期范围
excel导入数据校验 Yesterday, one of my clients emailed to let me know that she was having trouble entering ...
深度学习数据自动编码器_如何学习数据科学编码
深度学习数据自动编码器意见 (Opinion) When I first wanted to learn programming, I coded along to a 4 hour long Yo ...
python 更新数据库历史_python 实现数据库中数据添加、查询与更新的示例代码
一.前言最近做web网站的测试,遇到很多需要批量造数据的功能:比如某个页面展示数据条数需要达到10000条进行测试,此时手动构造数据肯定是不可能的,此时只能通过python脚本进行自动构造数据:本次 ...
python查询数据库后更新_python 实现数据库中数据添加、查询与更新的示例代码...
一.前言最近做web网站的测试,遇到很多需要批量造数据的功能:比如某个页面展示数据条数需要达到10000条进行测试,此时手动构造数据肯定是不可能的,此时只能通过python脚本进行自动构造数据:本次 ...
python代码中怎么增加数据_python 实现数据库中数据添加、查询与更新的示例代码...
一.前言最近做web网站的测试,遇到很多需要批量造数据的功能:比如某个页面展示数据条数需要达到10000条进行测试,此时手动构造数据肯定是不可能的,此时只能通过python脚本进行自动构造数据:本次 ...
java 接收前台富文本_前后端分离ueditor富文本编辑器的使用-Java版本
最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j ...
插入数据前查询是否存在_异步检测数据是否存在的修订
经测试,前面的一篇文章有错误,现在修订如下: 有错误的文章:录入时检测数据是否存在的验证一.前端代码 function checkbqid() { var bqid = $("#txtB ...
java 58同城抓取_前嗅ForeSpider教程：采集58同城
以58同城·便当为例,通过社保医疗链接到文章列表,由列表进入文章页采集正文数据: 第一步:新建任务 ①点击左上角"加号"新建任务,如图1: [图1] ②在弹窗里填写采集地址,任务名 ...
java etl 工具有哪些_常用的数据集成ETL工具有哪些？
常用的数据集成ETL工具有哪些?ETL工具用于将异构数据转换为同类数据,然后由数据科学家用于从数据中获得有价值的数据,常用的ETL工具有Microsoft-SQL Server集成服务.AWS Glu ...
分布式 java 应用:基础与实践_单集群数据超1000亿，微服务架构下分布式数据库应用实践...
如今,大型企业的应用平台正在向微服务架构进行转型.在微服务架构下,应用程序和数据库等底层平台的关系将会被重构. 作为新一代分布式数据库,其架构与功能特性需要保证在与传统数据库全兼容的基础上,拥抱微服务 ...

java前后端数据交互_前后端数据交互(示例代码)

java前后端数据交互_前后端数据交互(示例代码)相关推荐

最新文章

热门文章