Ajax前后台交互函数

function AJAX(obj){
//做网络请求的时候参数以对象的形式传递进来
//我们规定obj里面包含属性:url,
//请求方式type,
//date前端给后端传递的参数
//回调函数success
//回调函数error
//跨域的回调函数----callBack
//后台接受回调函数的key值
if (obj.callBack&&obj.key) {
var sc=document.createElement("script");
document.documentElement.appendChild(sc);
sc.src=obj.url+"?"+obj.key+"=callBack";
return;
}
var ajaxObj=null;
if (window.XMLHttpRequest) {
ajaxObj=new XMLHttpRequest();
}else{
ajaxObj=new ActiceXObject("Microsoft.XMLHTTP");
}
ajaxObj.onreadystatechange=function(){
if (ajaxObj.readyState==4) {

if (ajaxObj.status>=200 && ajaxObj.status<300|| ajaxObj.status == 304) {
if (obj.success) {
// obj.success(JSON.parse(ajaxObj.responseText));
obj.success(ajaxObj.responseText);
}

}else{
if (obj.error) {obj.error();}

}
}

}
// type转化为小写
var type=obj.type||"get";
type=type.toLowerCase();
var params="";
if (obj.data) {
for(var key in obj.data){
params+=key+"="+obj.data[key]+"&";
}
params.slice(0,params.length-1);
}

if (type=="get") {
//判断是否传递了参数
ajaxObj.open(type,obj.url+"?"+params,true);
ajaxObj.send();
}else{
ajaxObj.open(type,obj.url,true);
ajaxObj.setRequestHeader("Content=Type","application/x-www-form-urlencoded");
ajaxObj.send(params);
}

}

时间: 2024-10-13 00:51:24

Ajax前后台交互函数的相关文章

让我苦苦寻找的那段代码---springmvc的ajax前后台交互

导入jar包: web.xml 1 <servlet> 2 <servlet-name>spmvc</servlet-name> 3 <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> 4 <load-on-startup>1</load-on-startup> 5 </servlet> 6 <s

Spring MVC 通过ajax实现前后台交互

先看前台ajax部分: 1 $('#delMd').click( 2 function(){ 3 if($('#reqState').val() == '2'){ 4 $.Dialog.show("申请单已提交审批,不能再更改"); 5 return false; 6 } 7 if($("#itemNo").val() == '0'){ 8 $.Dialog.show("请选择要删除的主数据"); 9 return false; 10 } 11

前后台交互,使用ajax传输参数,可是没有跳转到后台的路径中

function setPayPwd(){        var mobile=document.getElementById("telPhone").value;         var payPassword=document.getElementById("payPwd").value;         var rePayPassword=document.getElementById("rePayPwd").value;        /

C#用ajax进行前后台交互的几种方法

从实习到转正,再到现在,不知不觉已经8个月了.记得刚实习的时候还只会拖控件,ajax也只会用微软那个傻瓜式的updatepanel.下面总结一下自己在工作和业余时间学到的ajax交互,下面给出链接,里面介绍的都很详细的了 第一种:Ajaxpro. http://www.cnblogs.com/yourancao520/archive/2012/02/21/2360988.html 第二种:jauery的ajax方法 http://blog.csdn.net/iouxyz/article/deta

前后台交互ajax请求模块

下载依赖包axios npm i axios -d 最基本的axios异步请求 /* 能发送异步ajax请求的函数模块 封装 axios库 函数的返回值:是一个promise对象 (可以用.then()/ async await 进行异步处理) */ //引入axios库 import axios from 'axios'; //引入axios库的模块 export default function ajax(url, data={}, method='GET'){ if(method==='G

前后台交互之传参方式

前台向后台传参,一般有如下几种方式: 一.URL方式传参 使用这种方式时,参数接在url后面,用?分隔,如果有多个参数,各参数间用&连接.get方式请求时可以使用URL方式传参. 巴特URL传参在应用时也有缺陷: 1.参数长度限制: (1)IIS 7 对 Query String 有长度限制:默认:2048 (2) IE浏览器对URL的长度现限制为2048字节(自己测试最多为2047字节). (3)360极速浏览器对URL的长度限制为2118字节. (4)Firefox(Browser)对URL

MySQL前后台交互登录系统设计

1.首先我们做一个前台的注册页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户登录</title> <link rel="stylesheet" type="text/css" href="../../libs/bootstrap.css"/> <style

PHP与Ajax的交互更新页面

PHP与Ajax的交互更新页面 本次主要学习ajax的概念以及怎么与PHP之间进行交互操作 1.什么是Ajax? 国内翻译常为“阿贾克斯”和阿贾克斯足球队同音,AJAX 是一种用于创建快速动态网页的技术,他不是新语言,而是一种使用现有标准的新方法.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,这样就可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 2.使用Ajax XMLHttpRequest 是 AJAX 的基础,用于和服务器交换数据.所有现代浏览器均支持 X

如何在AJAX的毁掉函数中传递JSON数据?如何在控制器中接受并转换成数组?

首先,我们经过测试(或者你平时的开发经验)知道,在AJAX的回调函数中使用get或者post方式可以传递字符串(不信可以自己去写实例测试,不过要注意:get方式有数据量的限制): 方法一:我们将ajax的请求放回的JSON数组转换成字符串,然后在回调函数中get过去: a.html页面的AJAX请求代码: b.后台两个处理函数(尤其注意第二个是回调函数指向的处理函数): 方法二:我们在回调函数中直接处理发送一个新的AJAX请求(也可以写成匿名函数),将ajax请回来的JSON数组转化为字符串作为