用jQuery保存text文本框的內容

最佳的解決辦法當然是前后端結合，通過表單提交或ajax把數(shù)據(jù)發(fā)送到后臺，儲存到數(shù)據(jù)庫中。點擊頁面的時候先提取后臺服務器的數(shù)據(jù)，如果沒有就顯示初始化的數(shù)據(jù)。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設計制作、成都網(wǎng)站建設與策劃設計,西山網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設十多年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:西山等地區(qū)。西山做網(wǎng)站價格咨詢:028-86922220

如果一定要儲存在本地電腦，那么如果數(shù)據(jù)量不大或者數(shù)據(jù)只需要臨時儲存（丟失也不要緊）可使用Cookies，數(shù)據(jù)量較大或者需要長久保存則可選擇LocalStorage，具體做法請自行百度。這種方法是依賴于瀏覽器的，也就是說你在某種瀏覽器中儲存的數(shù)據(jù)，如果換另一種瀏覽器會無法讀取出來的（需要重新儲存）。

服務器獲取的xml數(shù)據(jù)如何用jquery保存到本地xml文件

通過jquery的$.ajax()請求該xml資源，里面價格參數(shù)dataType:xml，如此，即可在本地js代碼上遍歷此xml文檔。

如果文件要存儲到本地，那你用不上jquery的，只能是使用下載文檔的方法。以java為例，后臺servlet或者struts等MVC框架的Controller打開一個outputstream，然后將此xml輸出，這樣子你請求此資源的時候就會下載該xml到本地了。

jquery實現(xiàn)點擊文字可編輯并修改保存至數(shù)據(jù)庫

這個方法網(wǎng)上可以查到很多，但是好多只有點擊文字編輯并保持，但是沒有完整的代碼寫怎么保存到數(shù)據(jù)庫。因為本人才疏學淺，費啦好長時間才寫好把修改的內容只用一條sql語句保存到數(shù)據(jù)庫，今天在這里和大家分享

這是運行圖片

這是前臺頁面

03.aspx頁面

復制代碼

代碼如下:

table

id="MyTable"

cellspacing="1"

cellpadding="3"

asp:Repeater

ID="reorderInFo"

runat="server"

ItemTemplate

tr

style="text-align:

left;"

td

width="70"

height="40"

id="OrderName"

訂單名稱：

/td

td

colspan="5"

class="caname"

id="OrderName1"

%#Eval("OrderName")%

/td

/tr

tr

style="text-align:

left;"

td

width="70"

height="40"

id="ID_Product"

產(chǎn)品類型:

/td

td

class="caname"

id="ID_Product1"

%#Eval("ID_Product")%

/td

td

width="40"

id="OrderState_Send"

狀態(tài):

/td

td

class="caname"

id="OrderState_Send1"

%#Eval("OrderState_Send")%

/td

td

width="40"

id="OrderQty"

印量:

/td

td

class="caname"

id="OrderQty1"

%#Eval("OrderQty")%

/td

/tr

tr

td

width="70"

height="60"

id="SendAddress"

收貨信息:

/td

td

colspan="5"

class="caname"

id="SendAddress1"

%#Eval("SendAddress")%

/td

/tr

tr

style="text-align:

left;"

td

width="70"

height="50"

id="OrderMoney_Total"

總金額:

/td

td

colspan="5"

class="caname"

id="OrderMoney_Total1"

%#Eval("OrderMoney_Total")%

/td

/tr

/ItemTemplate

/asp:Repeater

/table

這是js

03.js

復制代碼

代碼如下:

$(function

()

{

//獲取class為caname的元素

$(".caname").click(function

()

{

var

td

=

$(this);

var

txt

=

$.trim(td.text());

var

input

=

$("input

type='text'value='"

+

txt

+

"'/");

td.html(input);

input.click(function

()

{

return

false;

});

//獲取焦點

input.trigger("focus");

//文本框失去焦點后提交內容，重新變?yōu)槲谋?/p>

input.blur(function

()

{

var

newtxt

=

$(this).val();

//判斷文本有沒有修改

if

(newtxt

!=

txt)

{

td.html(newtxt);

//不需要使用數(shù)據(jù)庫的這段可以不需要

//var

Order_Id

=

$("#ID_Order").text();

var

updateCol

=

$.trim(td.prev().attr("id"));//我重點要說的是著一句：td.prev();表示本td的上一個td。這句代碼的意思是你所點擊的td的上一個td的id（如果不明白可以看前面的03.aspx頁面）。

//ajax異步更改數(shù)據(jù)庫,加參數(shù)date是解決緩存問題

url

=

"../test/03.ashx?caname="

+

newtxt

+

"updateCol="

+

updateCol

+

"date="

+

new

Date();

//使用get()方法打開一個一般處理程序，data接受返回的參數(shù)（在一般處理程序中返回參數(shù)的方法

context.Response.Write("要返回的參數(shù)");）

//數(shù)據(jù)庫的修改就在一般處理程序中完成

$.get(url,

function

(data)

{

//

if

(data

==

"1")

{

//

alert("該類別已存在！");

//

td.html(txt);

//

return;

//

}

//

alert(data);

alert("修改成功");

td.html(newtxt);

});

復制代碼

代碼如下:

pspan

style="font-size:14px;"這是一般處理程序頁面span

style="font-family:Times

New

Roman;"

03.ashx/span/span/pp

%@

WebHandler

Language="C#"

Class="_03"

%/p

復制代碼

代碼如下:

pusing

System;

using

System.Web;

using

System.Data.SqlClient;/pppublic

class

_03

:

IHttpHandler

{

public

void

ProcessRequest

(HttpContext

context)

{

context.Response.ContentType

=

"text/plain";

int

OrderId

=

5;/pp

string

newOrderName

=

context.Request.QueryString["caname"];//獲取用戶修改后的文字

string

updateCol

=

context.Request.QueryString["updateCol"];//獲取用戶修改的本td的上一個td的id的值（這個id與數(shù)據(jù)庫中的列名相同）

string

sql

=

"update

eoPrintOrder

set

"

+

updateCol

+

"

a

target="_blank"

href="mailto:=@name"=@name/a

where

a

target="_blank"

href="mailto:Id_order=@id';//"Id_order=@id";///a通過這一條sql語句，就可以對數(shù)據(jù)庫進行修改

SqlParameter[]

pams

=

{

new

SqlParameter("@name",newOrderName),

new

SqlParameter("@id",OrderId)

};

string

data

=

DscySFL.DbHelp.ExecuteCommand(sql,pams

).ToString();

context.Response.Write(data);

}

public

bool

IsReusable

{

get

{

return

false;

}

}/pp}/p

jquery mobile如何實現(xiàn)保存圖片到手機

jQuery Mobile 是創(chuàng)建移動 web 應用程序的框架,兼容所有流行的手機，平板電腦，電子閱讀器和桌面（瀏覽器）平臺。

所以說jQuery Mobile 是一個基于jQuery的用戶界面框架，屬于服務端語言，是沒有權限操作客戶端的。

要想實現(xiàn)保存圖片到手機，只能是用戶在瀏覽器中自己點擊保存，方可以保存到客戶自己的手機里面。

Jquery 如何自動保存HTML

問題1：一定程度上可以。

Jquery是JS的代碼，JS只是在你本地的瀏覽器上操作，而正常情況下的HTML頁面是保存在服務器上的（在你本地時，你本地就是服務器），就是你每次的請求（刷新）都是從服務器上下載，jquery無法修改服務器上的代碼，所以無法保存。

通常是將數(shù)據(jù)保存在服務端，然后通過服務端的數(shù)據(jù)來動態(tài)生成頁面，再返回給瀏覽。

如果你非要實現(xiàn)你的目標也不是不可能，可以將你的數(shù)據(jù)保存到cookie里面，但是cookie不能保存大量數(shù)據(jù)，只能保存4K的數(shù)據(jù)。

如果你使用HTML5可以使用WEBDB

問題2：這個不是Jquery的可以解決的，Jquery本身沒有提供，可以直接使用JavaScript實現(xiàn)，使用javascripr的charCodeAt（）函數(shù)就可以的

名稱欄目：jquery保存,jquery保存頁面改動數(shù)據(jù)到數(shù)據(jù)庫
URL標題：http://chinadenli.net/article20/phggco.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設、企業(yè)網(wǎng)站制作、網(wǎng)站設計、網(wǎng)站策劃、域名注冊、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)