JavaScript是一種高級(jí)編程語(yǔ)言，可以用于網(wǎng)頁(yè)應(yīng)用程序的編寫。它有很強(qiáng)的互動(dòng)性和動(dòng)態(tài)性，可以讓網(wǎng)頁(yè)應(yīng)用程序?qū)崿F(xiàn)更加優(yōu)化的功能。除此之外，JavaScript還可以通過(guò)利用JSON（JavaScript Object Notation）來(lái)進(jìn)行數(shù)據(jù)的提交、處理和傳輸。

JSON是一種輕量級(jí)的數(shù)據(jù)交換格式，其格式可被JavaScript輕松地解析。例如，下面是一個(gè)JSON數(shù)據(jù)的示例：

{
 "name": "David",
 "age": 28,
 "interests": [
"Coding",
"Drawing",
"Traveling"
 ]
}

通過(guò)將JSON數(shù)據(jù)提交到服務(wù)器，可以使開發(fā)者在不使用傳統(tǒng)表單提交和AJAX的情況下輕松地傳輸數(shù)據(jù)。下面是一個(gè)JavaScript函數(shù)，用于提交JSON數(shù)據(jù)：

function sendJson() {
var xmlhttp = new XMLHttpRequest();
var url = "server.php";
xmlhttp.open("POST", url, true);
xmlhttp.setRequestHeader("Content-type", "application/json");
var data = {
"name": "John",
"age": 30,
"city": "New York"
};
xmlhttp.send(JSON.stringify(data));
}

在這個(gè)函數(shù)中，XMLHttpRequest對(duì)象被用于創(chuàng)建HTTP請(qǐng)求。使用open()方法指定請(qǐng)求的類型、URL和是否異步。setRequestHeader()方法設(shè)置請(qǐng)求頭部信息，它包括Content-type，指定請(qǐng)求體的媒體類型為json。最后，您需要使用JSON.stringify()方法將JSON數(shù)據(jù)轉(zhuǎn)換為字符串，并使用send()方法向服務(wù)器發(fā)送請(qǐng)求。

另一種提交JSON數(shù)據(jù)的方法是使用jQuery庫(kù)，使用它編寫代碼可以更加簡(jiǎn)潔。下面是一個(gè)示例代碼：

$.ajax({
url: 'server.php',
type: 'POST',
contentType: 'application/json',
dataType:'json',
data: JSON.stringify({
"name" : "John",
"age"  : 30,
"city" : "New York"
}),
success: function(data){
console.log(data);
}
});

在這個(gè)代碼段中，我們使用了$.ajax()函數(shù)，它可以接收一個(gè)對(duì)象參數(shù)。data選項(xiàng)指定了JSON數(shù)據(jù)，并且它需要使用JSON.stringify()方法進(jìn)行序列化。在success回調(diào)函數(shù)中，我們可以獲取到服務(wù)器返回的數(shù)據(jù)，可以根據(jù)特定的需求進(jìn)行處理。

最后要注意：在客戶端編寫JS函數(shù)時(shí)，應(yīng)確保通過(guò)密碼哈希等技術(shù)來(lái)保護(hù)敏感信息。并且在JavaScript中提交數(shù)據(jù)時(shí)，只應(yīng)提交必要的字段，以降低安全風(fēng)險(xiǎn)。