Php Can';t在Laravel中创建ajax请求
我现在正在学习Laravel,我正在创建一个Ajax注册表单。但在我的ajax过程中,它无法访问URL。我有这样一个错误:Php Can';t在Laravel中创建ajax请求,php,jquery,ajax,laravel,Php,Jquery,Ajax,Laravel,我现在正在学习Laravel,我正在创建一个Ajax注册表单。但在我的ajax过程中,它无法访问URL。我有这样一个错误: XMLHttpRequest cannot load file:///C:/wampwwwlaravelblogpublic. Cross origin requests are only supported for HTTP. jquery-1.10.2.js:8706 以下是我的示例代码: 控制器 public function index() { /
XMLHttpRequest cannot load file:///C:/wampwwwlaravelblogpublic. Cross origin requests are only supported for HTTP. jquery-1.10.2.js:8706
以下是我的示例代码:
控制器
public function index()
{
/*Login*/
$title = Lang::get('login.panel_title');
$username = Lang::get('login.username');
$password = Lang::get('login.password');
/*Registration*/
$reg_username = Lang::get('register.username');
$reg_lastname = Lang::get('register.lastname');
$reg_firstname = Lang::get('register.firstname');
$reg_gender = Lang::get('register.gender');
$reg_email = Lang::get('register.email');
$reg_birthday = Lang::get('register.birthday');
$reg_month = Lang::get('register.months');
$reg_password = Lang::get('register.password');
$reg_conf_password = Lang::get('register.conf_password');
$reg_path = public_path();
return View::make('login',
array(
'title' => $title,
'username' => $username,
'password' => $password,
'reg_username' => $reg_username,
'reg_lastname' => $reg_lastname,
'reg_firstname' => $reg_firstname,
'reg_gender' => $reg_gender,
'reg_email' => $reg_email,
'reg_birthday' => $reg_birthday,
'reg_month' => $reg_month,
'reg_password' => $reg_password,
'reg_conf_password' => $reg_conf_password,
'reg_path' => $reg_path
)
);
}
查看
<script type="text/javascript">
$(document).ready(function() {
$('#register-user').on('click', function(){
console.log('clicked');
var url_link = '{{ $reg_path }}';
var $reg_username = $('input[name=reg_username]').val();
var $reg_lastname = $('input[name=reg_lastname]').val();
var $reg_firstname = $('input[name=reg_firstname]').val();
var $reg_email = $('input[name=reg_email]').val();
var $reg_gender = $('input[name=reg_gender]').val();
var $reg_year = $('input[name=reg_year]').val();
var $reg_month = $('input[name=reg_month]').val();
var $reg_day = $('input[name=reg_day]').val();
var $reg_password = $('input[name=reg_password]').val();
//var $reg_conf_password = $('input[name=reg_conf_password]').val();
/*
if($reg_username == '') {
$('.test').modal('show');
}
*/
$.ajax({
url: url_link,
data: {
username: $reg_username,
lastname: $reg_lastname,
firstname: $reg_firstname,
email: $reg_email,
gender: $reg_gender,
year: $reg_year,
month: $reg_month,
day: $reg_day,
password: $reg_password
},
type: 'post',
dataType: 'json',
beforeSend: function() {
},
success: function(data) {
console.log(data);
},
error: function() {
}
});
});
});
</script>
$(文档).ready(函数(){
$(“#注册用户”)。在('click',function()上{
console.log('clicked');
var url_link='{{$reg_path}}';
var$reg_username=$('input[name=reg_username]')。val();
var$reg_lastname=$('input[name=reg_lastname]')。val();
var$reg_firstname=$('input[name=reg_firstname]')。val();
var$reg_email=$('input[name=reg_email]')。val();
var$reg_gender=$('input[name=reg_gender]')。val();
var$reg_year=$('input[name=reg_year]')。val();
var$reg_month=$('input[name=reg_month]')。val();
var$reg_day=$('input[name=reg_day]')。val();
var$reg_password=$('input[name=reg_password]')。val();
//var$reg_conf_password=$('input[name=reg_conf_password]')。val();
/*
如果($reg_username==''){
$('.test').modal('show');
}
*/
$.ajax({
url:url\u链接,
数据:{
用户名:$reg_用户名,
lastname:$reg\u lastname,
名字:$reg_名字,
电子邮件:$reg_电子邮件,
性别:$reg_性别,
年份:$reg_年,
月份:$reg_月,
日:$reg_日,
密码:$reg\u密码
},
键入:“post”,
数据类型:“json”,
beforeSend:function(){
},
成功:功能(数据){
控制台日志(数据);
},
错误:函数(){
}
});
});
});
我在错误中注意到的是这部分C:/wampwwwlaravelblogpublic
它删除了路径中的“/”斜杠。这正常吗
或者有没有合适的方法来完成简单的ajax过程
谢谢大家。您不想使用公共路径()
作为您的URL。这就是文件系统上的路径!很可能你只是想把它指向索引。因此,将{{$reg_path}}
改为{{{URL::to('/')}
干杯
<script type="text/javascript">
$(document).ready(function() {
$('#register-user').on('click', function(){
console.log('clicked');
var url_link = '{{ URL::to('/') }}';
var $reg_username = $('input[name=reg_username]').val();
var $reg_lastname = $('input[name=reg_lastname]').val();
var $reg_firstname = $('input[name=reg_firstname]').val();
var $reg_email = $('input[name=reg_email]').val();
var $reg_gender = $('input[name=reg_gender]').val();
var $reg_year = $('input[name=reg_year]').val();
var $reg_month = $('input[name=reg_month]').val();
var $reg_day = $('input[name=reg_day]').val();
var $reg_password = $('input[name=reg_password]').val();
//var $reg_conf_password = $('input[name=reg_conf_password]').val();
/*
if($reg_username == '') {
$('.test').modal('show');
}
*/
$.ajax({
url: url_link,
data: {
username: $reg_username,
lastname: $reg_lastname,
firstname: $reg_firstname,
email: $reg_email,
gender: $reg_gender,
year: $reg_year,
month: $reg_month,
day: $reg_day,
password: $reg_password
},
type: 'post',
dataType: 'json',
beforeSend: function() {
},
success: function(data) {
console.log(data);
},
error: function() {
}
});
});
});
$(文档).ready(函数(){
$(“#注册用户”)。在('click',function()上{
console.log('clicked');
var url_link='{{url::to('/')}}';
var$reg_username=$('input[name=reg_username]')。val();
var$reg_lastname=$('input[name=reg_lastname]')。val();
var$reg_firstname=$('input[name=reg_firstname]')。val();
var$reg_email=$('input[name=reg_email]')。val();
var$reg_gender=$('input[name=reg_gender]')。val();
var$reg_year=$('input[name=reg_year]')。val();
var$reg_month=$('input[name=reg_month]')。val();
var$reg_day=$('input[name=reg_day]')。val();
var$reg_password=$('input[name=reg_password]')。val();
//var$reg_conf_password=$('input[name=reg_conf_password]')。val();
/*
如果($reg_username==''){
$('.test').modal('show');
}
*/
$.ajax({
url:url\u链接,
数据:{
用户名:$reg_用户名,
lastname:$reg\u lastname,
名字:$reg_名字,
电子邮件:$reg_电子邮件,
性别:$reg_性别,
年份:$reg_年,
月份:$reg_月,
日:$reg_日,
密码:$reg\u密码
},
键入:“post”,
数据类型:“json”,
beforeSend:function(){
},
成功:功能(数据){
控制台日志(数据);
},
错误:函数(){
}
});
});
});
好的,谢谢,我会试试看。:)我应该为POST添加路线流程吗?是的,您需要添加适当的路线。