zoukankan      html  css  js  c++  java
  • JMJS系统总结系列Jquery与后台的交互方式(三)

    将表单的值通过formSerialize()序列化,然后传递给data,提交给后台处理

    var url = "Monitoring.do?action=SaveBanJieInfo";

    var formdata = $("#FristPage").formSerialize();

    $.ajax({

    url: url,

    type: "POST",

    cache: false,

    data: formdata,

    success: function(html) {

    if (html.indexOf("false") == 0 || html.indexOf("False") == 0){

    defineWarmAlert("保存失败!", false);

    }

    if (html.indexOf("true") == 0 || html.indexOf("True") == 0) {

    definealert("保存成功!", false);

    }

    else {

    var msg = html.substring(6);

    }

    },

    error: function(xmlhttprequest, textstatus, errorthrown) {

    defineWarmAlert("error!", false);

    }

    });

    将数据在url中传递给后台处理

    var ajaxUrl = "Accept.do?action=GetAcceptNumber&IsAccept=" + IsAccept + "&ReceiptNumber=" + ReceiptNumber + "&NoAcceptNumber=" + NoAcceptNumber;

    $.ajax({

    url: ajaxUrl,

    cache: false,

    success: function(html) {

    if (IsAccept == 1) //已受理

    {

    document.getElementById("ReceiptNumber").innerText = html;

    document.getElementById("Accept/ReceiptNumber").value = html;

    }

    else if (IsAccept == 2) //不受理

    {

    document.getElementById("NoAcceptNumber").innerText = html;

    document.getElementById("Accept/NoAcceptNumber").value = html;

    }

    },

    error: function(xmlhttprequest, textstatus, errorthrown) {

    defineWarmAlert("error!", false);

    }

    });

    通过post表单的方法,将数据提交到后台处理

    $(document).ready(function() {

    initSkin();

    //定义JQuery.from框架的参数

    var options = {

    url: "Attachment.do?action=UploadProjectImg",

    //async: false,

    cache: false,

    type: 'POST',

    beforeSubmit: function() {

    var FileName = document.getElementById("Attachment/FileName").value;

    if(FileName == null || FileName == "")

    {

    defineWarmAlert("文件路径不能为空!", false);

    return false;

    }

    else

    $.blockUI();

    },

    success: function(html) {

    $.unblockUI();

    art.dialog(

    {

    skin:'chrome',

    content:"上传成功!",

    lock: true,

    style: 'succeed'

    } ,

    function() {

    window.parent.dialogArguments.refreshStep();

    window.close();

    }

    );

    return false;

    },

    error: function(xmlhttprequest, textstatus, errorthrown) {

    $.unblockUI();

    defineWarmAlert("error", false);

    },

    dataType: "html"

    }

    //为提交AddAttachmentForm表单做准备

    $("#AddAttachmentForm").ajaxForm(options);

    });

    在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始

    通过jQuery.get()与后交互,获取后台的返回的数据

    jQuery.get(url, [data], [callback], [type])

    function getGetApplyCategorys() {

    var selectCondi = $("#selectAcceptCondition"); //普通查询

    var selectcondi2 = $("#ApplyCategory"); //高级查询

    $.get("Accept.do?action=GetApplyCategorys&dt=" + new Date().getTime(), function(str) {

    var categoryList = str.split(",");

    for (i = 0; i < categoryList.length; i++) {

    var data = categoryList[i].split("-");

    var item = new Option(data[1], data[0]);

    var item2 = new Option(data[1], data[0]);

    if (selectCondi.length == 1)

    selectCondi[0].options.add(item);

    if (selectcondi2.length == 1 && selectcondi2[0].options != null)

    selectcondi2[0].options.add(item2);

    }

    });

    }

    学习的路上,分享的知识有不当的地方,希望大家指出。 感谢大家的阅读,希望这些分享能够给您带来帮助。
  • 相关阅读:
    基金进阶
    gpgj-19.高级课总结
    (10)大类资产配置一升级版股债平衡
    13.高速公路行业
    16.投资法总结以及类集团公司介绍
    08.零售类公司分析•上
    在Ubuntu 12.04系统中安装配置OpenCV 2.4.3的方法
    一台电脑上含有多个ubuntu系统的卸载方法
    Linux命令每日一个
    Java UDP实现聊天功能代码
  • 原文地址:https://www.cnblogs.com/lanchong/p/2159903.html
Copyright © 2011-2022 走看看