Javascript 使用Laravel、Ajax和jquery创建按钮点击计数器
主页上的按钮计数器(登录后)应在每次按下按钮时增加计数。相反,按下按钮后,我的代码将重定向到身份验证页面,以查找失败的身份验证。Ajax代码似乎没有发布到页面。我不明白为什么会这样!我已经被这个问题困扰了两天了。有人能帮我吗?我对这个比较陌生 下面是视图(html代码)。它被称为like.blade.phpJavascript 使用Laravel、Ajax和jquery创建按钮点击计数器,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,主页上的按钮计数器(登录后)应在每次按下按钮时增加计数。相反,按下按钮后,我的代码将重定向到身份验证页面,以查找失败的身份验证。Ajax代码似乎没有发布到页面。我不明白为什么会这样!我已经被这个问题困扰了两天了。有人能帮我吗?我对这个比较陌生 下面是视图(html代码)。它被称为like.blade.php <html> <head> <meta charset="utf-8"> <script src="https://ajax.go
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<h1>Home Page</h1>
<?php $count=1; ?>
<div>
<form action="sessions/{count}" method="get" />
<input type=submit name="count" value="Counter" />
<br/>This button has been clicked
<span id="counter"><?php echo $count; ?></span> times.
</div>
<script type="text/javascript"
$(document).ready(function(){
$( '#counter').click(function(){
$.ajax({
type : 'POST',
url: "sessions.{count}",
data: like:like,
dataType: 'text',
async: true
success: function update_text(data) {
alert( "Counter clicked");
};
});
return false;
});
});
</script>
< /body>
</html >
首先查看浏览器开发工具控制台(F12)。您有一些语法错误会导致代码无法运行是的,代码有一些语法错误。。。这是您正在实现atm的代码?您的输入类型应该设置为button,而不是submit,并且不要忘记在每次启动form::open()时关闭一个表单;您的数据也应该用{}括起来,因为您在路由上发送了一个值对/数组,所以您不应该返回视图,因为。。。而是返回一个对象或变量。。使用返回数组('count',$count);
Route::get('sessions.like', function () {
return View::make('sessions.like');
});
Route::get('sessions/{count}', function ($count) {
if (isset($count)) {
$count = $count + 1;
} else {
$count = 1;
}
return View::make('sessions.like')->with('sessions', $count);
});