解决jquery get() url作为变量的问题

Solution to jquery get() url as variable

本文关键字：变量 问题 url jquery get 解决      更新时间：2023-09-26

好的，所以我的问题是，我使用的jquery get()不使用我想要的变量。下面是代码，我将进行更深入的解释。

 jQuery(document).ready(function() {
        $.ajax({
            type: "GET",
            url: "XTEST.xml",
            dataType: "xml",
            success: function(xml) {
                    console.log(xml);
                    $(xml).find('Chart').each(function(){
                        chType = $(this).find('chType').text();
                        chTitle = $(this).find('chTitle').text();
                        chSubtitle = $(this).find('chSubtitle').text();
                        yAxisTitle = $(this).find('yAxisTitle').text();
                        csv = $(this).find('csv').text();
                    });
                    $(xml).find('columns').each(function(){
                        countArray[i] = 0;
                        cNum = parseInt($(this).find('cNum').text());
                        cNumArray.push(cNum);
                        value = $(this).find('value').text();
                        valueArray.push(value);
                        vName = $(this).find('vName').text();
                        vNameArray.push(vName);
                        i++;
                    });
                },
            error: function(){
                    $('.XTEST').text('Failed to get feed');
                }
            });
        // JQuery function to process the csv data
        $.get(csv, function(data) {
           // Split the lines
            var lines = data.split(''n');

在get()中，我试图给它一个名为"csv"的变量。其目的是csv文件名将来自一个单独的XML文件。虽然chType, chTitle, chSubtitle等都是我想要的工作方式，但我在XML中搜索"图表"部分时创建的"csv"变量不是。get()中的csv显示为未声明的。进一步调查后发现，get()似乎想要使用全局变量。如果你创建一个名为"csv"的全局变量，它将使用它。这似乎不是一个作用域问题，因为我可以在get()内部或外部使用带有XML数据的变量。它似乎是get()行本身的一个特性。是否有任何解决方案，或者也许我完全错过了什么?

这是一个范围问题。变量chType, csv不是局部的。如果将值赋给未声明的变量，则该变量将自动成为全局变量。因此，在执行success回调期间，它们被自动创建为全局。在回调之前，它们是未定义的。注意，这个回调是在调用$.get()之后异步触发的。顺便说一下，一旦请求完成，get内部的回调也会被异步触发。您不知道这些请求回调的调用顺序。

考虑这个例子:

$.ajax({
           type: "GET",
           url: "XTEST.xml",
           //...
           success: function(xml) {
               console.log(xml);
               $(xml).find('Chart').each(function(){
                   chType = $(this).find('chType').text();
                   csv = $(this).find('csv').text();
                   // Automatic global variable 'csv' is defined.
                   console.log("3 csv: " + (typeof csv !== 'undefined').toString());
               });
               //...
           },
           //...
       });
// Variables 'csv' and 'chType' are not defined here.
console.log("1 csv: " + (typeof csv !== 'undefined').toString());
console.log("1 chType: " + (typeof chType !== 'undefined').toString());
// JQuery function to process the csv data
$.get('request2', function(data) {
    // Automatic global variables 'csv' and 'chType'
    // may be defined here. They are defined here only
    // if "XTEST.xml" request is already finished successfully.
    console.log("4 csv: " + (typeof csv !== 'undefined').toString());
});
console.log("2 csv: " + (typeof csv !== 'undefined').toString());

在这里，当1 csv:行打印时，变量csv没有定义。它可以在get回调中定义。控制台打印顺序:1、2、3或4。

为了避免这种混淆，应该使用var关键字声明局部变量。

如果您想为xml中的每个csv项创建get请求，您应该在.each()回调中调用该.get()。注意，在这种情况下，所有get回调将在each()循环完成后触发。因此，在所有这些get回调函数中，如果变量是全局的，那么chType等外部变量的值将与最后一个循环步骤中的赋值相同。然而，如果你在.each()回调函数function(){ var chType = ... }中将它们声明为本地的，它们的值将对应于.get()回调函数中的每个请求，参见闭包解释JavaScript闭包内部循环-简单的实际示例

相关文章：