JS獲取頁面資料執行Ajax請求

2022-03-26 17:34:46 字數 1095 閱讀 6926

下面這個例子展示了如何使用js獲取頁面中元素的值,並且將這些值作為引數執行ajax請求。

$("#submit-task").bind("click", function (event) 

var submitbtn = this;

// 禁止提交按鈕

$(submitbtn).attr('disabled', 'disabled');

var formdata = new formdata($('#task-form')[0]);

var task_id = $("input#task_id").val();

var type = "put";

var url = '/api/v1/task/task/update/'+task_id;

$.ajax(,

error: function(err)

});});function validate() ;

for (var fiels in fields)

}return true;

}

var formdata = new formdata($('#task-form')[0]);
task-form是form標籤的id值,值得注意的是獲取表單資料是根據元素的name屬性來獲取,在後台獲取傳過去的值時,類似於將name屬性的值作為鍵,將value屬性的值作為值來處理。

var task_id = $("input#task_id").val();

var search = $("input[name='search']").val();

var username = $("#register-form input[name='username']").val();

var obj = document.getelementsbyname('name')[0].value;

// 構造引數

var data =

// 配置ajax引數

data: json.stringify(data),

ajax 執行頁面js

第一步 匹配載入的頁面中是否含有js var regdetectjs n r n script ig var jscontained sstr.match regdetectjs 第二步 如果包含js,則一段一段的取出js再載入執行 if jscontained 分段取出js正則 var regge...

js與ajax獲取資料

js接受頁面的資料傳到後台處理並返回給前台頁面 如果是select中的option的值,就有兩種實現方式 js如何獲取到select的option值 1 獲得選項option的值 var obj document.getelementbyidx x testselect 定位id var index...

執行ajax載入頁面中的js總結

有乙個公用頁面需要在多個頁面呼叫,其中涉及到部分js已經寫在了公用頁面中,通過ajax載入該頁面後無法執行其中的js。1.採用附加乙個iframe的方法去執行js,為我等 潔癖者所不齒。2.使用document.write輸出 我等簡潔主義者所不願。3.最簡單的方法是把js放到需要呼叫的父頁面,那想...