Question

我知道这看起来有点模糊，但这是我能用语言表达的最佳方式。以下是我的代码示例。

的JavaScript

    <script type="text/javascript">
        var name = $('#firstName').val();
        var email = $('#userEmail').val();
        var json = { Email: email, FirstName: name };
        var string = JSON.stringify(json);

        $.ajax({
            url: 'http://uBuildRewards.api/api/Users/GetInfo',
            type: 'GET',
            contentType: 'application/json',
            dataType: "json",
            crossDomain: true,
            data: string
        });
     </script>

HTML

<div class="user-logged-in">
   <div class="content">
       <div class="user-name" id="firstName"> **NAME HERE** <span class="text-muted f9">admin</span></div>
       <div class="user-email" id="userEmail"> **EMAIL HERE** </div> 
       <div class="user-actions">
           <a class="m-r-5" href="">settings</a> <a href="/first/login">logout</a>
       </div>
   </div>
</div>

在此之前，在另一个视图中，我有类似的JavaScript代码正在进行登录。这是从UsersController访问获取所有信息的方法，如果电子邮件和传递是正确的，它会让我登录。然后，这个方法，就是当我登录时我希望它说欢迎，（用户名登录） as）和您当前的电子邮件地址（我曾登录过的人）。

所以我试图找出如何从javascript粘贴从＆＃39; GetInfo＆＃39;中检索到的信息。方法，并显示我放置的名称和电子邮件＆＃34; 在此名称和在此处发送电子邮件＆＃34;

我试图尽可能地描述性。对不起任何困惑。我非常感谢你的帮助:)对JQuery和JavaScript来说还是一个新手！

Answer 1

为什么要通过http发送登录凭据而不是https（SSL）？

除此之外......

您必须使用.done方法。

$.ajax({
    url: 'http://uBuildRewards.api/api/Users/GetInfo',
    type: 'GET',
    contentType: 'application/json',
    dataType: "json",
    crossDomain: true
}).done(function(data) {
      console.log("Sample of data:", data);
      $('#firstName').text(data.name);
      $('#userEmail').text(data.email);

});

如何通过html从JavaScript显示检索到的数据

1 个答案: