ajax 设置样式,ajax 样式

Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成，这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。它是一种构建网站的强大方法。

使用ajax需要以下几点

//编辑一个输入框 再加上一个onclick事件

//输入后内容后 点击onclick上传按钮

//点击后会触发下面的ajax方法进行取值 传输

function DengLu() {

debugger;

//先取值

var quzhi= $("#quzhi").val();

//判断渠道的值是否为空 为空则弹窗 提示数值不可为空

if (quzhi== undefined || quzhi== "" ) {

return swal({

title: "值不可为空", //弹出框的title

type: "warning", //弹出框类型

showCancelButton: false,//是否显示取消按钮

confirmButtonColor: "#DD6B55", //确定按钮颜色

confirmButtonText: "确定",//确定按钮上面的文档

closeOnConfirm: true

});

}

//使用AJAX将取到的值传入后台验证

$.ajax(

{

type: "POST",

url: "stkj.ashx?action=fangfa", //后台文件名为stkj。aspx 文件里的方法名字叫fangfa

data:{ quzhi: quzhi },//需要传送的数值

contentType: "application/x-www-form-urlencoded",

dataType: "json",

async: false, // 同步或异步

cache: false,

success: function (data) {

// 后台返回值 成功则提示成功

if (data.state) {

swal({

title: data.msg, //弹出框的title

type: "success", //弹出框类型

showCancelButton: false,//是否显示取消按钮

timer: 500,

}, function (isConfirm) {

window.location.href = data.url;

});

}

//不成功则提示失败

else {

swal({

title: data.msg, //弹出框的title

type: "warning", //淡出框类型

showCancelButtun: false,//是否显示取消按钮

confirmButtonColor: "#DD6B55",//确定按钮颜色

confirmButtonText: "确定", //确定按钮上面的文档

closeOnConfirm: true,

timer: 1000,

},

function (isConfirm) {

window.location.href = data.url;

}

);

}

},

//异常时跳出的提示框信息

error: function () {

return swal({

title: "登陆异常", //弹出框的title

type: "warning", //弹出框类型

showCancelButton: false,//是否显示取消按钮

confirmButtonColor: "#DD6B55", //确定按钮颜色

confirmButtonText: "确定",//确定按钮上面的文档

closeOnConfirm: true

});

}

})

}

标签：false,title,样式,data,ajax,弹出,按钮,quzhi

来源： https://www.cnblogs.com/yutang-wangweisong/p/12068675.html