在ajax成功设置变量并在ajax之外的jquery中使用变量

时间:2013-04-18 07:08:48

标签: javascript jquery ajax

目标是在成功执行ajax后将html隐藏输入字段值设置(更改)为0.

首先决定ajax成功定义变量,后者在ajax之外使用。

但请阅读(JQuery - How to use the return value of an ajax call outside that ajax call)这是不可能的。

需要找到一些解决方案。

以下是代码

Ajax(作为示例)

<script language="JavaScript" type="text/javascript">
function ajax_post(){
if (window.XMLHttpRequest)
{
var hr = new XMLHttpRequest();
}
else
{
var hr = new ActiveXObject("Microsoft.XMLHTTP");
}
var url = "_autosave.php";
var sabt = document.getElementById("date_day1").value;
var prao = document.getElementById("amount1").value;
var vars = "date_day1="+sabt+"&amount1="+prao;
hr.open("POST", url, true);
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
hr.onreadystatechange = function() {
if(hr.readyState == 4 && hr.status == 200) {
var return_data = hr.responseText;
document.getElementById("status").innerHTML = return_data;

这里我决定定义变量以在ajax之外使用它。如上所述,这不起作用,因为脚本在变量上运行并在设置ajax变量之前到达ajax变量之外。

var ajax_post_success = 1;

代码的剩余部分

}
}
hr.send(vars); // Actually execute the request
document.getElementById("status").innerHTML = "processing...";
}
</script>

然后是后者(如果ajax成功将值设置为0)

<input type="hidden" name="is_row_changed1" id="is_row_changed1" value="" >
<script>
$(document).ready(function() {
if(ajax_post_success == 1) {
document.getElementById('is_row_changed1').value = 0;
}
});
</script>

所有这一切的目标都在追随。

我打算在每行中使用10行和19个输入字段的表。

如果用户在任何字段中输入内容,隐藏输入字段的值将更改为1(这没关系)。

然后使用ajax插入/更新用户输入。

成功插入/更新后,将隐藏字段值设置为0。

在每个php插入/更新执行时检查隐藏字段值是否为1.如果值为1则插入/更新该行。如果值为0则不对该行执行任何操作。仅插入/更新隐藏字段值为1的行。

这就是问题的目的。

什么是解决方案?

1 个答案:

答案 0 :(得分:2)

我认为您不需要拥有该变量,您可以在ajax方法的is_row_changed1回调中将隐藏字段onreadystatechange的值更改为零

hr.onreadystatechange = function() {
    if (hr.readyState == 4 && hr.status == 200) {
        var return_data = hr.responseText;
        document.getElementById("status").innerHTML = return_data;
        document.getElementById('is_row_changed1').value = 0;
    }
}

我建议使用jQuery ajax之类的

function ajax_post() {
    var sabt = $('#date_day1').val();
    var prao = $('#amount1').val();
    $.ajax({
        url : "_autosave.php",
        data : {
            date_day1 : sabt,
            amount1 : prao
        }
    }).done(function(html) {
        $('#status').html(html);
        $('#is_row_changed1').val(0);
    });
}