如何使用 jquery 定位 javascript 变量？答案

【问题标题】：How can i target javascript variable using jquery?如何使用 jquery 定位 javascript 变量？
【发布时间】：2014-10-12 00:47:50
【问题描述】：

我想知道如何使用 jquery 定位 javascript 变量。这是我的网页的情况，我想使用一些存储在 javascript 变量中的详细信息，我将在用户注册中使用这些详细信息。我的页面代码如下所示

    <html>
      <head>
        <script>
           var userData =
    {"country":"null","region":"","timezone":"null","key":"sessionSecret","browser":"Chrome","bversion":"0.0","loggedIn":"false"};

        </script>
      </head>
    <body>  
<form id="register">
<button id="regbtn">Register</button>
</form>
    </body>
    <script src="jquery.js"></script>
    <script src="custom.js"></script>
    </html>

那么现在我如何使用自定义 jquery 函数，该函数将在单击“regbtn”时以“userData”变量为目标？

我在我的自定义 javascript 中做的是

$( document ).ready(function() {

  $('#regbtn').click(function(){
      //do something here that will target that userData variable and will send its data using ajax

      //$ajax function will send data to page with details that user entered and userData 
    });
});

但我不知道如何使用 json 来定位该 userData 变量。这个变量以 json 数据格式输出 php。谁能帮帮我？

如果你告诉我你为什么对这个问题投反对票，我会很感激。我不是专业人士所以问了这个问题。可能这很愚蠢，但对我来说不是。所以还是谢谢你看到这个问题

【问题讨论】：

userData 是您声明它的全局方式，您可以在点击函数中使用它，但您确实应该处理表单的 submit 事件。无论如何，这已经在 SO 上介绍过很多次了，只需搜索一下如何进行 AJAX 调用
@bruchowski 所以你想让我写像这样的吗？

标签： javascript jquery json

【解决方案1】：

如果您需要访问您的 json 对象“userData”，您需要在点击函数中添加以下内容：

var country = userData['country'];  
var region = userData['region'];

等等。

如果您打算通过 AJAX 发送整个对象，则可以不分离地发送整个对象。下面是一个例子：

$(function() {
    var userData = {"country":"null","region":"","timezone":"null","key":"sessionSecret","browser":"Chrome","bversion":"0.0","loggedIn":"false"};
    $('#regbtn').click(function() {
        $.ajax({
            url: "someURL",
            data: userData,
            type: "POST",
            cache: false,
            dataType: "json"
        }).done(function(data, textStatus, jqXHR) {
            // check if response was valid/invalid or do other stuff here 
        });
    });
});

【讨论】：

感谢您帮助我。在我的真实形式中，我确实有字段。它只是在这里展示的一个演示表格。我会尽量按照你说的去实现。
它对我没有帮助，所以我没有标记它。对不起
修改了我的答案，希望能更好地回答你的问题。
这种方式可以工作，但是如果我想从我从服务器导入的 javascript 文件中调用 userdata，它就不起作用。我可以使用 webserver 脚本在网页中创建用户数据，现在我需要使用来自外部 javascript 文件的数据。
不过我也可以这样用。 :D 谢谢。