如何讓按鈕觸發AJAX調用

-2

我有一個文本框和一個按鈕。如何讓按鈕觸發AJAX調用

輸入文本後，我想單擊按鈕，使AJAX get。 AJAX調用將抓取文本並在現有的JSON文件上對其進行更新.JSON文件將被保存。這是我的目標，即具有更新的JSON文件。

enter image description here

所以我的問題是我在這裏在正確的軌道上。我是asp.net新手，想確認這些步驟是否可行。點擊是否有更簡單的方式觸發AJAX呼叫？

來源

2014-01-15 Nik

如果你沒有給我們任何東西比較，要求一個更簡單的方法是沒有意義的。是的，這是可以做到的，儘管因爲我對asp不熟悉，所以我對演示的幫助不大。 –

代碼...你在哪裏youuuuuu –

您正在編寫代碼。 *只要您瞭解您使用的系統的固有結構，任何*都是可能的。 – Jon

我不知道天氣是否會影響你是否使用asp.net，但這裏是一個按鈕點擊觸發ajax的例子。

var doAjax = function(inputValue) { 
    $.ajax({ 
     url: '/mysever/page.asp', // .asp? 
     type: 'POST' 
     data: { value: inputValue }, 
     success: function(response) { 
      // do something with response 
     } 
    }); 
}; 

$('#myButton').click(function() { 
    var fieldValue = $('#myInputField').val(); 
    doAjax(fieldValue); 
});

希望它有幫助。

來源

2014-01-15 21:54:44 Deniro

你需要一個onclick事件調用的函數，將獲得（讀取）您的字段值，並將它推到一個AJAX請求，就像這樣：

function postValue() { 

    // fetch the field value 
    var val = $('#my_input').val(); 

    // verify the field was not empty 
    if (val.length>0) { 
    // setup post object 
    var ajax_post = {myText : val}; 

    // EXECUTE AJAX 
    var jqxhr = $.ajax({ 
     url : 'save-values.php', 
     type : 'POST', 
     data : ajax_post 
    }) 
    .done(function() { 
     //alert("success"); 
    }) 
    .fail(function() { 
     //alert("error"); 
    }) 
    .always(function() { 
     //alert("complete"); 
    }); 

    } else { 
    //alert("error: please enter a value!"); 
    } 

}

然後，只需附加給你的按鈕：

<button onClick="postValue();" value="Click Me!">

請注意，這是用jQuery完成的，但它可以用香草JavaScript完成。

祝你好運！

來源

2014-01-15 22:03:03 jbwebtech

如何讓按鈕觸發AJAX調用

回答

相關問題