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

    }

    });

    }

    学习的路上,分享的知识有不当的地方,希望大家指出。 感谢大家的阅读,希望这些分享能够给您带来帮助。
  • 相关阅读:
    366. Find Leaves of Binary Tree输出层数相同的叶子节点
    716. Max Stack实现一个最大stack
    515. Find Largest Value in Each Tree Row查找一行中的最大值
    364. Nested List Weight Sum II 大小反向的括号加权求和
    156. Binary Tree Upside Down反转二叉树
    698. Partition to K Equal Sum Subsets 数组分成和相同的k组
    244. Shortest Word Distance II 实现数组中的最短距离单词
    187. Repeated DNA Sequences重复的DNA子串序列
    java之hibernate之基于主键的双向一对一关联映射
    java之hibernate之基于主键的单向一对一关联映射
  • 原文地址:https://www.cnblogs.com/lanchong/p/2159903.html
Copyright © 2011-2022 走看看