當前位置:首頁 » 數據倉庫 » jquery表格資料庫數據
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

jquery表格資料庫數據

發布時間: 2023-08-07 13:47:21

❶ 怎樣用jquery 將表單的數據上傳資料庫

JQuery構造一個form對象,然後form.submit();就等於是普通form表單向後台提交了!
//創建一個form對象
var form = document.createElement("form");
//將form對象添加到body中
document.body.appendChild(form);
//設置form的屬性,等價於<form action="XXX.action" method="post"></form>

form.action = 'QuestionAction!pAsk';
form.method = 'post';
//創建隱藏input
var newInput = document.createElement("input");
newInput.setAttribute("type","hidden");
newInput.setAttribute("name","title");
newInput.setAttribute("value",title);
//將隱藏input添加到form中
form.appendChild(newInput);
//提交form對象
form.submit();

❷ jquery中如何獲取表格的值

提供你2中思路,具體代碼就不寫了

  1. 生成表的時候給修改鏈接一個id,id保存當前行的主鍵比如id="tid"+主鍵,為它添加onclick方法,

    var id=this.id.replace("tid",""); 獲取到主鍵

    把主鍵拿到資料庫中查到相應的數據行,賦值給表單,完成!

  2. var parents=$(this).parent().parent(); 獲得tabel行

    $(parents).find("td").each(function(){

    根據列的順序賦值給相應的表單元素

    })

    這個方法有局限性,數據是從當前頁面中取得並不是實時讀取資料庫,如果數據在他處有更改是取不到最新的數據的。

❸ jquery怎麼把讀取資料庫的數據載入到table中

1.獲取DataSet
2.轉成DataTable
3.
public static string DataTableToJson(DataTable dt)
{
StringBuilder jsonBuilder = new StringBuilder();
//jsonBuilder.Append("'
//jsonBuilder.Append(dt.TableName);
jsonBuilder.Append("[");
for (int i = 0; i < dt.Rows.Count; i++)
{
jsonBuilder.Append("{");
for (int j = 0; j < dt.Columns.Count; j++)
{
jsonBuilder.Append("\"");
jsonBuilder.Append(dt.Columns[j].ColumnName);
jsonBuilder.Append("\":\"");
jsonBuilder.Append(dt.Rows[i][j].ToString());
jsonBuilder.Append("\",");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("},");
}
jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
jsonBuilder.Append("]");
//jsonBuilder.Append("}"); //輸出的要求不要'}'
return jsonBuilder.ToString();
}
4.把Json字串Response出來
5.獲取Json字串

function load() //頁面載入
{
$.ajax({
type:"post",
url:"../Handler/LinkManHandler.ashx",//從哪獲取Json
data:"action=getLinkMan&id="+comId,//Ajax傳遞的參數

beforeSend:function(){
//獲取之前顯示 loading 或 正在載入
},

success:function(mess)
{
$("#divImage").hide();
if(mess!="]")// 如果獲取的數據不為空
{
var type=eval(mess);
var str="<a>首頁</a>"
for(var i=0;i<type.length;i++)
{
//操作type 獲取東西
str+="<a>"+type[i].資料庫欄位名+"</a>
}
$("#divLinkMan").html(str);//把str嵌入div divLinkMan 中
}
else
{
var notfind="<h2>未找到數據<a href='../Main.htm' target='_parent'>返回</a></h2>"
$("#divLinkMan").html(notfind);
}

},

complete:function()
{
//所有的都執行完後的方法
}
});
}

❹ 在jquery中怎麼獲取資料庫數據

var ajaxurl = path + "\/json/a.json";
url:ajaxurl,

他這里是把json格式的數據保存在一個頁面了,實際應用中你不需要這種的,就是傳個url+參數,去後台讀取資料庫,然後返回一個數組,前台顯示。 不要照搬別人的方法,$.post
$.ajax這里的方法你網路一下,看看使用方法就能看懂

❺ 如何用jquery獲取從資料庫傳來的值

JQuery有很多都可以實現非同步請求,如$.get() $.post() $.load() $.ajax()...
我簡單的給你說說$.get()的簡單用法.
$.get()的無參數請求後台html數據然後顯示在DIV(後台用簡單的sevlet)
JS代碼:
$(function(){/* 窗體載入 */
$("#按鈕ID").click(function(){/* 綁定按鈕點擊事件 */
var url="XXXXX.action";/* 後台url名 */
var data={"Time":new Date().getMilliseconds(),"你的參數名":"你的參數值"};/* 參數,可以什麼都不寫,但為了每次獲取不同的數據,習慣上要傳一個"時間戳",後面還可以加你自己的數據,但必須是鍵值對類型的,如果有多個,用「,」隔開 */
$.get(url,data,function(data){/* 回調函數,其中data是從後台返回的html數據 */
$("#DIV的ID").text(data);/* 直接輸出到DIV中 */
});
});
});

後台servlet代碼:/* 你前台用的$.get(),後台就必須用doGet來取,同理前台$.post(),後台doPost.. */
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");/* 設定編碼和返回類型 */
request.setCharacterEncoding("UTF-8");/* 設定參數編碼 */
PrintWriter out = response.getWriter();
.........
out.print("你的數據");/* 將數據輸入到緩沖區 */
}

至於其他的,你可以去看看JQuery的幫助文檔,大多都是這樣的。
除了html你還可以返回JSON格式的,不過要加JSON的JAR包。