当单击按钮时，我执行了 Ajax 请求，以发出 get 请求并更新 div，但我的页面似乎根本没有更新。但是使用调试工具我意识到:
it gives error: Cannot set property 'innerHTML' of null
但是当我将 xmlhttp.responseText 保存到变量并警告它时:
<div>
This is a new Ajax Message !! Thanks
</div>
这是我请求的 msg.blage.php 的内容。虽然我刚开始使用 ajax 和 laravel。
下面是代码:
注册.blade.php
<button id="btn" onclick="makerequest('{{route('msg')}}','succesMessage')">Update!!</button>
<div id="successMessage"></div>
msg.blade.php
<div>
This is a new Ajax Message !! Thanks
</div>
脚本.js
function makerequest(serverPage, objID) {
var obj = document.getElementById(objID);
xmlhttp.open("GET", serverPage);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var data = xmlhttp.responseText;
alert(data);
obj.innerHTML=data;
}
}
xmlhttp.send(null);
}
routes.js
Route::get('/msg',['as' => 'msg', 'uses' => 'HomeController@msg']);
HomeContoller.php
public function msg()
{
return View::make('msg');
}
错误显示在“sortable.js:14”行；
我认为这是第二个each()
最佳答案
<button id="btn" onclick="makerequest('{{route('msg')}}','succesMessage')">Update!!</button>
<div id="successMessage"></div>
第一行有一个拼写错误，是 succesMessage 而不是 successMessage。它试图找到 ID 为 succesMessage 的元素，但结果失败。
关于javascript - Laravel 4 JavaScript ajax 请求，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26063374/