js中ajax提交到php的json数据,php无法获得
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js中ajax提交到php的json数据,php无法获得,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3626字,纯文字阅读大概需要6分钟。
内容图文
$('#saveNewData').click(function () {
//保存数据的按钮被点击的时候,获得当前数据
var type = $('select[name="type"] option:selected').val();
var title = $('input[name="title"]').val();
var imgSrc = $('input[name="imgSrc"]').val();
var author = $('input[name="author"]').val();
var createdAt = $('input[name="createdAt"]').val();
var content = $('textarea[name="content"]').val();
//封装数据
var data = {
type:type,
title:title,
imgSrc:imgSrc,
author:author,
createdAt:createdAt,
content:content
};
//ajax提交数据
$.ajax({
type: "POST",
url:'insert.php',
data:data,
datatype:'json',
error: function(request) {
alert("保存失败");
},
success: function(msg) {
alert("保存成功");
alert(data);
}
});
})
确定能够获得到表单元素的数据,html的地址栏提交的时候能显示所有提交数据
在insert.php中
$type = $_POST['type'];
$title = $_POST['title'];
$imgSrc = $_POST['imgSrc'];
$author = $_POST['author'];
$createdAt = $_POST['createdAt'];
$content = $_POST['content'];
无法获得传过来的数据,提示
Notice: Undefined index: type in D:xampphtdocs8-1baiduNewsinsert.php on line 3
Notice: Undefined index: title in D:xampphtdocs8-1baiduNewsinsert.php on line 4
Notice: Undefined index: imgSrc in D:xampphtdocs8-1baiduNewsinsert.php on line 5
Notice: Undefined index: author in D:xampphtdocs8-1baiduNewsinsert.php on line 6
Notice: Undefined index: createdAt in D:xampphtdocs8-1baiduNewsinsert.php on line 7
Notice: Undefined index: content in D:xampphtdocs8-1baiduNewsinsert.php on line 8
第一次用php,以前写js和node数据交互的时候用的那样的数据传递形式,但是php不能获得,哪位大神给我看看代码,万分感激
回复内容:
$('#saveNewData').click(function () {
//保存数据的按钮被点击的时候,获得当前数据
var type = $('select[name="type"] option:selected').val();
var title = $('input[name="title"]').val();
var imgSrc = $('input[name="imgSrc"]').val();
var author = $('input[name="author"]').val();
var createdAt = $('input[name="createdAt"]').val();
var content = $('textarea[name="content"]').val();
//封装数据
var data = {
type:type,
title:title,
imgSrc:imgSrc,
author:author,
createdAt:createdAt,
content:content
};
//ajax提交数据
$.ajax({
type: "POST",
url:'insert.php',
data:data,
datatype:'json',
error: function(request) {
alert("保存失败");
},
success: function(msg) {
alert("保存成功");
alert(data);
}
});
})
确定能够获得到表单元素的数据,html的地址栏提交的时候能显示所有提交数据
在insert.php中
$type = $_POST['type'];
$title = $_POST['title'];
$imgSrc = $_POST['imgSrc'];
$author = $_POST['author'];
$createdAt = $_POST['createdAt'];
$content = $_POST['content'];
无法获得传过来的数据,提示
Notice: Undefined index: type in D:xampphtdocs8-1baiduNewsinsert.php on line 3
Notice: Undefined index: title in D:xampphtdocs8-1baiduNewsinsert.php on line 4
Notice: Undefined index: imgSrc in D:xampphtdocs8-1baiduNewsinsert.php on line 5
Notice: Undefined index: author in D:xampphtdocs8-1baiduNewsinsert.php on line 6
Notice: Undefined index: createdAt in D:xampphtdocs8-1baiduNewsinsert.php on line 7
Notice: Undefined index: content in D:xampphtdocs8-1baiduNewsinsert.php on line 8
第一次用php,以前写js和node数据交互的时候用的那样的数据传递形式,但是php不能获得,哪位大神给我看看代码,万分感激
因为你向后台发送的是一个对象data,所以我猜你可以从后台获得$_POST['data']。
我简单实验一下,
你的
//封装数据
var data = {
type:type,
title:title,
imgSrc:imgSrc,
author:author,
createdAt:createdAt,
content:content
};
这段写的问题吧,不加带引号?type:type 前面的type是字符串后面的type是变量,你感受下....
我的代码:
1.html
2.php
就是你传递的数据出现错误了 data应该写成json的格式。楼上已经说得很清楚了。
因为你封装的是JS对象而不是json,正规的json, 键都是都是带引号的,可以使用 JSON.stringify把对象转成字符串后再提交,建议你还是去看看json的规范。
内容总结
以上是互联网集市为您收集整理的js中ajax提交到php的json数据,php无法获得全部内容,希望文章能够帮你解决js中ajax提交到php的json数据,php无法获得所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。