Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将数据从jquery发送到javascript_Javascript_Jquery - Fatal编程技术网

如何将数据从jquery发送到javascript

如何将数据从jquery发送到javascript,javascript,jquery,Javascript,Jquery,两者都是用不同的脚本编写的数据集是一个索引为0的对象数组。因此,要在其中定义或重新声明数据属性,语法是 <script> var salesChartData = { datasets: [{ data: ["here i want my data"] }] }; </script> 在回调函数中使用它: salesChartDat

两者都是用不同的脚本编写的数据集是一个索引为0的对象数组。因此,要在其中定义或重新声明数据属性,语法是

   <script>
        var salesChartData = {
            datasets: [{
                    data: ["here i want my data"]
                }]
        };
   </script>
在回调函数中使用它:

salesChartData.datasets[0].data = data;

不知道我是否理解正确,这是你需要的吗

function(data) {
   salesChartData.datasets[0].data = data;
});
只需在接收数据后设置数据

如果需要在变量salesChartData中显示ajax结果,可以尝试以下方法 salesChartData.datasets[0]。数据[0]=新数据

salesChartData是一个JSON对象,其关键数据集包含一个JSON对象数组

因此,如果salesChartData是全局声明的,那么您可以在ajax的成功中替换它

在下面,它是使用。这用于从不同的文件进行访问

var salesChartData = {
  datasets: [
    {
      data :  {}
    }
  ]
};


$.getJSON('chartState',{
  stateCode : $(this).val(),
  ajax : 'true'
},
function(data) {
  salesChartData.datasets[0].data = data;
});
希望这能奏效


谢谢你

我自己已经做完了

// File 1
var salesChartData = {
    datasets: [{
        data: ["here i want my data"]
    }]
};
localStorage.setItem("salesChart", JSON.stringify(salesChartData));

//-----------------------------------------------------------------------

// File 2

var salesChartData = JSON.parse(localStorage.getItem("salesChart"));

// ajax call
$.getJSON('chartState', {
        stateCode: $(this).val(),
        ajax: 'true'
    },
    function (data) {
        alert("state data" + data);
        salesChartData.datasets[0].data[0] = data // "new data"
    });
之后,我已经发送了一个接一个的数据

$.getJSON('chartState',{
    stateCode : $(this).val(),
        ajax : 'true'
},
function(data) {
    var chr=data;
      var a=chr[0];var b=chr[1];var c=chr[2];var d=chr[3];
      var e=chr[4];var f=chr[5];var g=chr[6];

正如您提到的,脚本的两个部分都位于不同的标记中,您可以使用全局标记解决问题,但不建议这样做。更好的解决方案是重构结构,而不是使用多个脚本标记。但如果你对此无法控制,那么你应该这样做:

var salesChartData = {
  datasets: [   
    {

      data                :  [g,f,e,d,c,b,a]
    }
  ]
};
以及:


salesChartData.datasets[0]。标签、salesChartData.datasets[0]。fillColor等。很明显,您可以迭代键/值对不是用JavaScript编写的jQuery吗?我在jQuery函数中从数据库获取数据,所以我如何在javascriptI中获取此值我得到的一切都很好,唯一的问题是我无法显示从数据库获取的数据,在daset中,你可以看到我在这里提到我想要我的数据在那个地方我想要我的数据库数据。@Caramba两者都是用不同的脚本@Harun Yilmazu编写的谢谢你的回答,但是我怎么能在这里得到我的jquery数据我得到了所有的东西,只是问题是我不能显示我从数据库获得的数据,在dataset中,您可以看到我在这里提到我希望我的数据在那个位置我希望我的数据库数据您是否需要接收到的数据中的键/值对作为键/值对附加到数据集中?所以没有数据属性?我得到的数据是这种格式的10,45,21,10,5,45和我想要推送的精确数据。有10,45,21,10,5,45一个字符串或数组?它将如何在不使用任何id或类的情况下与js交互,两者都是以不同的格式编写的script@Zubair:用于从不同文件进行访问,您需要在中添加值。在我得到的任何地方,他们都会按类或id在jsp的div中发送值,但在我的情况下,我没有使用任何值jsp@Zubair你能详细说明一下吗。我不太了解你。@Zubair:你也可以通过存储一个隐藏的输入文本来使用它。它如何在不使用任何id或类的情况下与js交互,这两个都是用不同的脚本编写的。这两个脚本都是用不同的脚本编写的,这在我给你发送答案时并不是问题。在任何情况下,javascript变量都是全局的,因此您只需要确保在ajax调用之前调用/包含/定义了创建var saleshartdata的脚本。
var salesChartData = {
  datasets: [   
    {

      data                :  [g,f,e,d,c,b,a]
    }
  ]
};
<script>
     // No var used to make it global
     chart_state_data = false;
     $.getJSON('chartState',{
                    stateCode : $(this).val(),
                        ajax : 'true'
                },
                function(data) {
                    // the data is set to this variable on callback
                    chart_state_data = data
                });
</script>
  <script>
        // chart_state_data contains data retrieved from ajax call or false
        var salesChartData = {
            datasets: [{
                    data: chart_state_data
                }]
        };
   </script>