摘要:我有:
1)主页(Main.php)
2)简单的.js脚本文件(dashboard.js)
3)另一个简单的.php文件(form1.php)
4)process.php,一个处理.js文件(process.php)发送的信息的文件
就像tumblr一样,我试图重新创建相同的“导航”体验-单击几个选项,用新代码替换主面板,并在填写某些表格时将该信息发送到BD并将结果显示在Main中。的PHP
一切顺利,但最后一步。单击导航按钮(main.php),通过javascript(dashboard.js + form1.php)带来新表单,填写表单后,我单击按钮,而不是不重新加载页面(jquery-> ajax),它会将我发送到process.php文件,并向我显示结果。
我尝试过不重新加载“ return false”和“ event.preventdefault()”,结果仍然相同。
JS代码
$('form.ajax').on('submit', function() {
event.preventDefault();
var that = $(this),
url = that.attr('action'),
type = that.attr('method'),
data = {};
that.find('name').each(function(index, value) {
var that = $(this),
name = that.attr('name'),
value = that.val();
data[name] = value;
});
$.ajax({
url: url,
type: type,
data: data,
success: function(html){
event.preventDefault();
$("ol#list-feed").append(html);
document.getElementById('set-width1').value='';
document.getElementById('tags').value='';
}
});
event.preventDefault();
return false;
});
参考方案
您尚未定义event
:
$('form.ajax').on('submit', function(event) {
event.preventDefault();
//...
});
AJAX实时电子邮件验证(PHP) - php当用户在我的网站上创建帐户时,我希望对照我的数据库(MySQL)中的所有当前用户名检查输入的用户名,并确认是否可用。有谁知道我可以使用的任何好的库,或者是jQuery的插件? 参考方案 所需的确切信息以示例形式here给出。它使用jQuery作为JavaScript库
如何在jQuery中使用Ajax向数组传递值并在PHP页面中获取值 - php我有一个ajax发布参数,如下所示:$.ajax({ url:'url', data:{ary:my_ary}, ... my_ary = Array([0]=> Test Text,[1]=> test Text2)中的值现在,我需要使用如下的foreach()循环从此数组中获取值: foreach($_POST['…
AJAX网址调用上的多个PHP脚本 - php创建AJAX调用没有问题,但目前每个URL都必须是唯一的。我希望在同一文件中包含多个PHP函数,并专门通过特定的AJAX调用来访问其中一个PHP函数。目前,我使用jQuery传递带有整数规范的.data参数,然后在PHP文件中使用$ _GET方法并运行由整数指定的正确函数。我该如何做得更好?我想在PHP文件中的许多函数中调用特定函数;我不想每个功能都有单独的…
在访问另一页面后保留浏览器滚动位置 - php我正在使用JS,JQuery和PHP,试图解决无限滚动问题。问题是,如果您在页面上滚动很长一段时间,并且用ajax加载了更多页面,然后单击链接转到新页面,那么在使用浏览器时如何自动转到旧页面中的同一位置新页面上的返回按钮?。新页面使用ajax滚动加载。 php参考方案 我想出的解决方案是在离开页面之前,将每个页面与相关数据一起存储。需要以下信息来保持滚动位置…
如何更新网页的某些部分? - php我想更新(更改内容)网页的某些部分,而不更新整个页面(无需刷新页面)。当然,您要写的第一个答案是“ Ajax !!!”,但是我知道如果我使用Ajax,搜索引擎将无法获得该部分的内容。那么,是否有任何方法或解决方法来部分更新页面,而部分仍保留对搜索引擎可见的部分? 参考方案 是的..可以通过不使用ajax;)您可以做的是加载显示所需的所有内容。页面完全加载后,…