您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“怎么利用jQuery post傳遞含特殊字符的數(shù)據(jù)”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
在jQuery中,我們通常利用$.ajax或$.post進(jìn)行數(shù)據(jù)傳遞處理,但這里通常不能傳遞特殊字符,如:“<”。本文就介紹如何傳遞這種含特殊字符的數(shù)據(jù)。
1、準(zhǔn)備頁面和控制端代碼
頁面代碼如下:
<script type="text/javascript"> $(function() { $("#btnSet").click(function() { var a = $("#txtValue").val(); var data = { Name: a }; alert(data); $.ajax({ url: '@Url.Action("MyTest")', type: 'post', dataType: 'json', data: data, }); }); } ); </script> <h3>Index</h3> <input type="text" id="txtValue"/><input type="button" value="設(shè)置" id="btnSet"/>
后臺代碼如下:
public ActionResult MyTest(StudentInfo stu) { return Content("OK"); }
其中StudentInfo定義如下:
public class StudentInfo { public string Name { get; set; } }
2、測試數(shù)據(jù)傳遞
當(dāng)我們傳遞普通數(shù)據(jù)時(shí),一切正常。
但當(dāng)輸入含特殊字符的數(shù)據(jù)時(shí),不能正常傳遞到后臺。
3、處理方法
如果確定要傳遞特殊字符,需要對jQuery代碼作調(diào)整,調(diào)整后的請求代碼如下:
<script type="text/javascript"> $(function() { $("#btnSet").click(function() { var a = $("#txtValue").val(); var data = JSON.stringify({ Name: a }); alert(data); $.ajax({ url: '@Url.Action("MyTest")', type: 'post', dataType: 'json', data: data, contentType: 'application/json' }); }); } ); </script>
調(diào)整的地方主要有兩點(diǎn):
對要傳遞的json數(shù)據(jù)作序列化JSON.stringify
在$.ajax請求中新增參數(shù):contentType:'application/json'
“怎么利用jQuery post傳遞含特殊字符的數(shù)據(jù)”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。