运行AJAX脚本

Run AJAX script

本文关键字：脚本 AJAX 运行      更新时间：2023-09-26

我有ajax，当用户在input id=2 中写入内容时，它就会运行

HTML:

<input id="2" type="text" onkeyup="posttitulo(this.value)" />

脚本：

function posttitulo(value){
$.post("getdata/posttitulo.php",{partialStates:value});
}

代码运行得很好。。问题是，我有一个javascript函数，onclick复制另一个输入id=1的值，在这种情况下，id=2在没有键入的情况下具有该值，而function posttitulo(value)不起作用。。

因此，我需要在以下情况下执行Ajax：

1） 用户编写onkeyup="posttitulo(this.value)；

2） id＝1的值被复制到id＝2。

希望我能解释一下这个问题。。提前感谢

在函数中复制值后执行$('#2').keyup();，该函数将触发onclick。

在id=2:上创建一个事件侦听器change（）

$(document).ready(function(){
 $("#2").change(function(){
  var value=$("#2").val();
  $.post("getdata/posttitulo.php",{partialStates:value});
 });
});

您可以在输入上触发事件，或者回收您已经声明的函数。单击按钮时，读取id2元素的值，并使用该值作为参数调用postitulo函数。

function posttitulo(value){
    console.log('AJAX POST:', value);
}
function buttonClicked() {
    var value = document.getElementById('id2').value;
    posttitulo(value);
}

Fiddle

这可能适用于您的情况。

<input id="1" type="text" onclick="yourreplacefunction(this.value,2)" />
$(document).on("change keyup", "input", function() {
    $.post("getdata/posttitulo.php",{partialStates:value},function(response){
        //Do with your response
    });
});
function yourreplacefunction(value,toid) {
       $('#'+toid).val(value);
}
相关文章：