1. 程式人生 > >bootstrap模態框動態賦值, ajax非同步請求資料後給id為queryInfo的模態框賦值並彈出模態框(JS)

bootstrap模態框動態賦值, ajax非同步請求資料後給id為queryInfo的模態框賦值並彈出模態框(JS)

//查詢單個
function query(id) {
    $.ajax({
        url : "/small/productServlet",
        async : true,
        type : "POST",
        data : {
            "type" : "query",
            "id" : id
        },
        // 成功後開啟模態框
        success : showQuery,
        error : function() {
            alert("請求失敗"
); }, dataType : "json" }); } // 查詢成功後向模態框插入資料並開啟模態框。data是返回的JSON物件 function showQuery(data) { $("#name1").val(data.name); $("#xinghao1").val(data.xinghao); $("#address1").val(data.address); $("#department1").val(data.department); $("#unit1").val(data.unit); $("#number1"
).val(data.number); $("#price1").val(data.price); $("#totalprice1").val(data.totalprice); $("#come1").val(data.come); $("#buytime1").val(data.buytime); $("#useperson1").val(data.useperson); $("#handleperson1").val(data.handleperson); $("#admini1").val(data.admini); // 顯示模態框
$('#queryInfo').modal('show'); }

相關推薦

bootstrap動態 ajax非同步請求資料idqueryInfoJS

//查詢單個 function query(id) { $.ajax({ url : "/small/productServlet", async : true, type : "POST",

ajax非同步請求資料bootstrap中的tree模板實現tree

後臺資料格式json資料data: {"0":[{"id":1,"fatherId":0,"typeName":"測試","typeIndex":0,"typeStatus":"1"}], "1":[{"id":2,"fatherId":1,"typeName":"測試類別

下載檔案儲存提示選擇位置絕對路徑 or相對路徑

1.因為Aiax不能返回流 所以用js表單提交發送請求 var form = document.createElement("form");document.body.appendChild(form);var nameInput = document.createEle

ajax非同步獲取資料動態向表格中新增資料(行)

因為某些原因,專案中突然需要做自己做個ajax非同步獲取資料後動態向表格中新增資料的頁面,網上找了半天都沒有 看到現成的,決定自己寫個例子 1、HTML頁面 <html xmlns="http://www.w3.org/1999/xhtml"> <hea

angularJs使用$q服務進行同步請求資料解決非同步獲取資料導致return返回空的問題

angularJs使用$q服務進行同步請求資料 一般angularJs中的$http進行的是非同步請求操作;在我們想要等待先請求完資料,再進行別的操作,使用這種方式,並不管用,往往請求不到資料。 a

bootstrap

(1)引入jquery, bootstrap相關的 jquery下載地址: https://jquery.com/download/ bootstrap下載地址: https://v3.bootcss.com/getting-started/#download 然後在head中引入: <

JQuery的Boxy對話方塊如何獲得頁面的返回returnValue

JQuery很好用,現在想做個原來window.ShowModelDialog()的模態對話方塊,但是不知道如何像以前一樣獲得returnValue,請知道的給指點一二。 用jq不可能實現~~ lz想要的是同步的返回結果,但是自己實現的對話方塊始終不是"模態對話方塊",

JQ處理刪除

  在實際開發中,經常要求對於載入的表格資料進行刪除,點選刪除的時候彈出模態框。再到模態框上點確定刪除。實現這一套邏輯很多中方法,我經常用的一種: 第一,頁面的資料表格是動態載入的 $("#table_result_per").append( "<tr>

點選按鈕實現

點選按鈕彈出模態框的實現: html: <!DOCTYPE html> <html> <head> <meta charset="utf-8">

使用js視窗提交儲存資料關閉視窗重新整理父視窗

首先,點選按鈕彈出模態視窗    <input type="button"  value="修改個人資訊" onclick="modify();"/>   function modify(){       var obj=window.showModalDial

javascript視窗獲取父頁面的元素

1、js彈出模態視窗的方法 window.showModalDialog(url,obj,feature) 說明:第二個引數代表父視窗,也就是第二個引數你可以傳一個window物件過去 例如: window.showModalDialog("dialog.jsp",this

點選文字下拉

實現下面效果  窗體:Form1: 一:窗體佈局:文字框一個或多個,下拉框一個,初始化隱藏,定義全域性變數 string click_value = ""; private void Form1_Load(object sender, EventArgs e) {

layer父頁獲取層輸入裏面的

cti cancel 參考 不想 其他 整體 HA width pen 主要是因為修改功能,原來頁面填寫數據如圖 改為 其中點擊填寫明細彈出框 填寫完畢後點擊確認返回,同事這裏因為她是存的多表,所以點擊確認就直接保存數據了,改的這個功能原本保存是整體保存,我就不想改原

設計一個演算法通過一趟遍歷確定長度n的單鏈表中最大的結點。

語言:C++ #include <iostream> using namespace std; typedef int Elemtype; typedef struct LNode { Elemtype data; struct LNode *next; }LNode,*Lin

Android EditText軟鍵盤實現頁面標題頭不動軟鍵盤在編輯下面

為了實現EditText編輯的時候彈出軟鍵盤標題頭不動,底部編輯框上移,想了好多種方法,也百度,問同事每種辦法都有問題,在這總結一下,希望能幫助到大家。 上圖看下效果: 可以看到彈出鍵盤的時候,只有EditText在軟鍵盤上面,還有一個藍色點,這個隨後再說。 用Relative

jQuery根據文字輸入實時模糊查詢全詞匹配 ajax非同步查詢

/* ***人員檢索start (ajax實時後臺獲取最新資料) */     //按姓名檢索 /* function submitForm_serch() { var devicdids = $("#deviceid").val(); var search_roles=$("#Poli

ExtJs 中Grid根據列表中某列的修改整行資料的背景色 ExtJS版本2.3

這段時間又開始做ExtJS了,需求是要根據列表中某列資料的值,將整行資料的背景色修改掉: 只需要在grid初始化的時候給grid加上一個配置項即可; var gridCfg = { region : 'center', store : store, anchor

【114】Python小例子:numpy.random.randn生成符合正分佈的資料分佈的鐘曲線。

自己學習python 隨手寫的一個小例子。先利用 numpy.random.randn生成符合正態分佈的資料,然後再給這些資料畫正態分佈的曲線圖。 import numpy as np impor

確認的使用。一個確認Ajax提交一個請求重新整理頁面。

檢視: <td> @if (item.ReviewProject.DeclareState == DeclareOrReviewState.正在進行 && !item.IsSubmit)

java 選擇目錄選擇資料獲取選擇的資料夾路徑

JFileChooser fileChooser = new JFileChooser("D:\\");   fileChooser.setFileSelectionMode(JFileChooser.DIRECTORIES_ONLY);   int returnVal =