js如何插入數據

❶ 用js實現動態添加表格數據

<tablewidth="600"border="1"cellspacing="0">

<thead>

<tr>

<th>編號</th>

<th>姓名</th>

<th>職位</th>

<th>操作</th>

</tr>

</thead>

<tbodyid="tbMain"></tbody>

</table>

<scripttype="text/javascript">

//模擬一段JSON數據，實際要從資料庫中讀取

varper=[

{id:001,name:'張珊',job:'學生'},

{id:002,name:'李斯',job:'教師'},

{id:003,name:'王武',job:'經理'}

];

window.onload=function(){

vartbody=document.getElementById('tbMain');

for(vari=0;i<per.length;i++){//遍歷一下json數據

vartrow=getDataRow(per[i]);//定義一個方法,返回tr數據

tbody.appendChild(trow);

}

}

functiongetDataRow(h){

varrow=document.createElement('tr');//創建行

varidCell=document.createElement('td');//創建第一列id

idCell.innerHTML=h.id;//填充數據

row.appendChild(idCell);//加入行，下面類似

varnameCell=document.createElement('td');//創建第二列name

nameCell.innerHTML=h.name;

row.appendChild(nameCell);

varjobCell=document.createElement('td');//創建第三列job

jobCell.innerHTML=h.job;

row.appendChild(jobCell);

//到這里，json中的數據已經添加到表格中，下面為每行末尾添加刪除按鈕

vardelCell=document.createElement('td');//創建第四列，操作列

row.appendChild(delCell);

varbtnDel=document.createElement('input');//創建一個input控制項

btnDel.setAttribute('type','button');//type="button"

btnDel.setAttribute('value','刪除');

//刪除操作

btnDel.οnclick=function(){

if(confirm("確定刪除這一行嘛？")){

//找到按鈕所在行的節點，然後刪掉這一行

this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);

//btnDel-td-tr-tbody-刪除(tr)

//刷新網頁還原。實際操作中，還要刪除資料庫中數據，實現真正刪除

}

}

delCell.appendChild(btnDel);//把刪除按鈕加入td，別忘了

returnrow;//返回tr數據

}

</script>

(1)js如何插入數據擴展閱讀

js動態創建表格

vartab=document.createElement("table");

tab.border="1px";

document.body.appendChild(tab);

for(vari=0;i<3;i++){

vartr=document.createElement("tr");

for(varj=0;j<3;j++){

vartd=document.createElement("td");

td.innerHTML=Math.round(Math.random()*9);

tr.appendChild(td);

}

tab.appendChild(tr);

vardel=document.createElement("td");

del.innerHTML="刪除";

tr.appendChild(del);

del.onclick=function(){

this.parentNode.remove();

}

}

❷ js 在數組中任意位置插入一個數組

functioninsert(arrfirst,arrlast,index){//將數組arrlast插入數組arrfirst中，index是想要插入的位置
	if(index<0){
		=0;
	}elseif(index>arrfirst.length){
		index=arrfirst.length;
	}
	vararr=[];
	for(vari=0;i<index;i++){
		arr.push(arrfirst[i]);
	}
	for(vari=0;i<arrlast.length;i++){
		arr.push(arrlast[i]);
	}
	for(vari=index;i<arrfirst.length;i++){
		arr.push(arrfirst[i]);
	}
	returnarr;
}
vararr1=["1","2","3"];
vararr2=["a","b","c"];
console.log(insert(arr1,arr2,0));
alert(insert(arr1,arr2,1));

還有一種方法

functioninsert(arrfirst,arrlast,index){
	if(index<0){
		index=0;
	}elseif(index>arrfirst.length){
		index=arrfirst.length;
	}
	for(vari=arrlast.length-1;i>=0;i--){
		arrfirst.splice(index,0,arrlast[i]);//是在index位置用arrlast[i]替換掉arrfirst數組中的0個元素
	}
	returnarrfirst;
}
vararr1=["1","2","3"];
vararr2=["a","b","c"];
console.log(insert(arr1,arr2,0));
alert(insert(arr1,arr2,1));

希望能幫到你

❸ 在js中的數據怎麼插入資料庫

如果你一定不用ajax的話，就在表單里加隱藏域，用js把數據發送到隱藏域，在用表單發送給伺服器。但是這樣做不是太好強烈建議你使用ajax。希望對你有幫助

❹ js編程項目如何在數組頭部或尾部插入元素

在JavaScript編程項目中，若需在數組頭部或尾部插入元素，可利用多種方法實現。向數組尾部插入元素，可使用Array.prototype.push()方法或藉助spread操作符。例如，藉助push()方法：

javascript

或者採用spread操作符...

同樣，向數組頭部插入元素，可利用Array.prototype.unshift()方法或同樣使用spread操作符...

以上是JavaScript中插入數組頭部或尾部元素的基本方法。通過靈活應用這些方法，開發者可以有效管理數組數據，優化代碼結構與性能。