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();

//默認(rèn)參數(shù)配置

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

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

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

if(!option.url) {

throw new Error(‘請輸入接口地址‘);

}

//數(shù)據(jù)傳輸

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‘, ‘a(chǎn)pplication/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:前端向后端發(fā)送或是添加數(shù)據(jù)給后端到數(shù)據(jù)庫，后端是如何接收的

3：后端接收成功數(shù)據(jù)并且把數(shù)據(jù)返回給前端

4:通過ajax后端將數(shù)據(jù)庫的 信息渲染出來

5:這個時候前端當(dāng)用戶把信息提交的時候，后臺數(shù)據(jù)庫會顯示了用戶信息

總結(jié)

以上是生活随笔為你收集整理的java前后端数据交互_前后端数据交互(示例代码)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。