javascript - 将数据移动到 $.ajax 中？

Question

我想将“数据”变量移到其他操作的成功函数之外。

$("a[class=note]").click(function( evt ){
                    var note = $(this).attr("value");
                    var preid = $(this).attr("id");
                    $.ajax({
                        type: 'GET',
                        url: 'style/ajax.php',
                        data: 'do=note&value=' + note + '&preid=' + preid,
                        success: function(data)
                        {
                            alert(data);
                        }
                    });
                });

例如 php 有 Global pharase..

Answer 1

global var(这是最糟糕的解决方案，但这是您要求的):

$("a.note").click(function( evt ){
                var note = $(this).attr("value");
                var preid = $(this).attr("id");
                $.ajax({
                    type: 'GET',
                    url: 'style/ajax.php',
                    data: 'do=note&value=' + note + '&preid=' + preid,
                    success: function(data)
                    {
                        window.data = data;
                        alert(data);
                    }
                });
            });

全局变量是危险的，也许成功范围之外的变量就足够了？
success 回调之外的 Var:

$("a.note").click(function( evt ){
                var note = $(this).attr("value");
                var preid = $(this).attr("id");
                var dataFromServer = null;
                $.ajax({
                    type: 'GET',
                    url: 'style/ajax.php',
                    data: 'do=note&value=' + note + '&preid=' + preid,
                    success: function(data)
                    {
                        dataFromServer = data;
                        alert(data);
                    }
                });
            });

最后一个选项是有一个隐藏的输入来存储数据；

                    success: function(data)
                    {
                        $('#hiddenFieldId').val(data);
                        alert(data);
                    }

注意事项:

1. 我将您的选择器从 a[class=note] 更改为更好的 a.note。
2. success 是一个回调，这意味着在响应到达客户端之前它不会被触发，直到那时您的 global\outside var\hidden 输入值将为空。如果您不希望 ajax 是异步，您可以在选项中这样定义它:

---

  $.ajax({
    async: false, //  <---
    type: 'GET',
    url: 'style/ajax.php',
    data: 'do=note&value=' + note + '&preid=' + preid,
    success: function(data)
    {
        dataFromServer = data;
        alert(data);
    }
});