Javascript 如何从ajaxcall返回的json对象中提取值
我正在打一个ajax电话。作为回报,我得到了一些json数据。my ajax调用的成功函数中包含:Javascript 如何从ajaxcall返回的json对象中提取值,javascript,json,laravel,Javascript,Json,Laravel,我正在打一个ajax电话。作为回报,我得到了一些json数据。my ajax调用的成功函数中包含: $.ajax({ type: "GET", headers: {'X-CSRF-TOKEN': token}, url:url, data: {id:id}, datatype:'json', success: function(data) { var returndata =JSON.parse(data); console.log(returndata)
$.ajax({
type: "GET",
headers: {'X-CSRF-TOKEN': token},
url:url,
data: {id:id},
datatype:'json',
success: function(data) {
var returndata =JSON.parse(data);
console.log(returndata);
}
});
因此,我正在打印控制台中获取的数据。我的控制台输出显示:
[Object]0:
Object
barcode: "abc"
name: "barcoded"
sellPrice: "122"
unit: "200"
__proto__:Object
length: 1
__proto__: Array[0]
如何从javascript变量中的json对象提取数据(名称、条形码、售价) 在这个答案中,产品将显示在一个表格中,每个产品对应一行 视图中的
@section('content')
<div id="page-wrapper">
<!-- /.row -->
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">
<h1>
stocks
<a class="btn btn-primary pull-right btn-sm" href="{{ url('stocks/create') }}">
Add New Product
</a>
</h1>
<div class="input-group col-md-12">
<input id="search" name="search" type="text" class="form-control input-lg search" placeholder="Buscar" />
<span class="input-group-btn">
<button class="btn btn-info btn-lg" type="button">
<i class="glyphicon glyphicon-search"></i>
</button>
</span>
</div>
</div><br>
<div class="table">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>
S.No
</th>
<th>
Name
</th>
<th>
Description
</th>
<th>
Actions
</th>
</tr>
</thead>
<tbody>
{{-- */$x=0;/* --}}
@foreach($stocks as $stock)
{{-- */$x++;/* --}}
<tr>
<td>
{{ $x }}
</td>
<td>
<a href="{{ url('stocks', $stock->id) }}">
{{ $stock->name }}
</a>
</td>
<td>
{{ $stock->description }}
</td>
<td>
<a href="{{ url('stocks/' . $stock->id . '/edit') }}">
<button class="btn btn-primary btn-xs" type="submit">
Update
</button>
</a>
/
{!! Form::open([
'method'=>'DELETE',
'url' => ['stocks', $stock->id],
'style' => 'display:inline'
]) !!}
{!! Form::submit('Delete', ['class' => 'btn btn-danger btn-xs']) !!}
{!! Form::close() !!}
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
<meta name="csrf-token" content="{{ csrf_token() }}" />
<input type="search" name="searching">
不要忘记视图中的CSRF令牌元
@section('content')
<div id="page-wrapper">
<!-- /.row -->
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">
<h1>
stocks
<a class="btn btn-primary pull-right btn-sm" href="{{ url('stocks/create') }}">
Add New Product
</a>
</h1>
<div class="input-group col-md-12">
<input id="search" name="search" type="text" class="form-control input-lg search" placeholder="Buscar" />
<span class="input-group-btn">
<button class="btn btn-info btn-lg" type="button">
<i class="glyphicon glyphicon-search"></i>
</button>
</span>
</div>
</div><br>
<div class="table">
<table class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>
S.No
</th>
<th>
Name
</th>
<th>
Description
</th>
<th>
Actions
</th>
</tr>
</thead>
<tbody>
{{-- */$x=0;/* --}}
@foreach($stocks as $stock)
{{-- */$x++;/* --}}
<tr>
<td>
{{ $x }}
</td>
<td>
<a href="{{ url('stocks', $stock->id) }}">
{{ $stock->name }}
</a>
</td>
<td>
{{ $stock->description }}
</td>
<td>
<a href="{{ url('stocks/' . $stock->id . '/edit') }}">
<button class="btn btn-primary btn-xs" type="submit">
Update
</button>
</a>
/
{!! Form::open([
'method'=>'DELETE',
'url' => ['stocks', $stock->id],
'style' => 'display:inline'
]) !!}
{!! Form::submit('Delete', ['class' => 'btn btn-danger btn-xs']) !!}
{!! Form::close() !!}
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
<meta name="csrf-token" content="{{ csrf_token() }}" />
<input type="search" name="searching">
这里Json是一个对象数组..所以应该包含索引。下面的代码是为我编写的
var returndata =JSON.parse(data);
document.getElementById("name").value = returndata[0].name;
如果您正在retjrning all(),则不必使用ajax,您可以使用jquery插件!由于我是一个十足的noob,你能告诉我一些关于如何使用jquery插件和php变量的信息吗?或者你能给我发送任何可能有用的链接吗。。我现在不在。嘿,伙计,谢谢你的努力,但我不想在我看来有一张桌子。。我只需要一个搜索框和一个搜索按钮,可以搜索我传递给视图的php数组。我会在晚上编辑这个,你必须通过ajax提交,成功后追加返回的json数据在我自己尝试使用ajax之后,我现在得到500(内部服务器错误)如果我在您的代码$stocks=Stock::->where('name','LIKE','%'。$query.'%')->get()中的controllerin函数中使用$searchdata作为参数;给出和错误:语法错误,意外的'->'(T_OBJECT_运算符)。。。我不确定是否允许在“::”之后使用“->”这个错误是因为我在模型后面添加了一个“->”,这是错误的,“Stock::->”现在已经修复了
var returndata =JSON.parse(data);
document.getElementById("name").value = returndata[0].name;