在我看来与 ajax 传递的数据一起使用 - Laravel

use with ajax passed data in my view - Laravel

我在使用通过 ajax 传递的数据时遇到了一些问题。那是我代码中的 ajax 片段:

$('a[data-id]').click(function () {
            var id = $(this).attr('data-id');
            var domain = $(this).attr('data-domain');

            $.ajax({
                url: 'getdata',
                type: 'GET',
                dataType: 'json',
                data: {id: id, domain: domain, tld: tld},
                success: function (data) {
                    $('.resultdomain').html(data);
                    console.log(data);
                }
            });
        });

在我的控制器中是这样的:

public function getData(Request $req)
    {
        $getdomain = Domains::where('id', '=', $req['id'])->first();
        return $getdomain;
    }

所以如果我 console.log(data) 我得到一个包含我需要的所有数据的对象。例如(从我的控制台复制粘贴):

Object { id: "5", cus_id: "1", name: "hello-from-the-other-site", tld: ".com", ...... } 

太棒了,但我也想使用它,但我不知道如何使用。

我想打印域名 + tld。还有一些其他的东西。

类似于:

域名:(这里我想是名字+顶级域名)。 创建数据:(日期) 客户 ID = ( cus_id )。

感谢您的帮助,抱歉我的英语不好 :-)


当前ajax代码:

 $('a[data-id]').click(function () {
            var id = $(this).attr('data-id');
            var domain = $(this).attr('data-domain');

            $.ajax({
                url: 'getdata',
                type: 'GET',
                dataType: 'json',
                data: {id: id, domain: domain, tld: tld},
                success: function (data) {
                    var domain = data.name + data.tld;
                    $('.resultdomain').html(domain);
                }
            });
        });

在我看来:

Domain: <div class="resultdomain"></div>

您的 dataobject。您可以直接访问属性并创建您想要的字符串。所以在你喜欢的 success 回调中你可以这样做:

var data = {
    id: "5",
    cus_id: "1", 
    name: "hello-from-the-other-site", 
    tld: ".com"
};

var domain = data.name + data.tld;
$('.resultdomain').html(domain);
console.log("My Domain: " + domain);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="resultdomain"></div>

在您的 JS 代码中,success 函数需要如下内容:

success: function (data) {
  $('.resultdomain').html(data.name + data.tld);
}