首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将AJAX与PHP代码链接起来。我需要再写一遍吗?

将AJAX与PHP代码链接起来。我需要再写一遍吗?
EN

Stack Overflow用户
提问于 2013-10-01 01:42:31
回答 2查看 381关注 0票数 0

我有一个真正的问题。我有一个php代码和一个表单,当表单被提交时,一个POST请求被发送,页面重新加载,当然post是在page.But中访问的,我想使用AJAX,以便页面不被刷新。我知道AJAX的基础知识,但我不想从beggining.Is构建所有的项目,有没有一种成功的方法,AJAX的函数链接到我的php代码??

代码语言:javascript
复制
$.ajax({
  type: "POST",
  url: "index.php",
  datatype: "html",
  data: dataString,
  success: function(data) {
    //How can i link here to start running my php code which is located in the same page.
  }
});
EN

回答 2

Stack Overflow用户

发布于 2013-10-01 01:46:27

代码语言:javascript
复制
$.ajax({
  type: "POST",
  url: "somescript.php",
  datatype: "html",
  data: dataString,
  success: function(data) {
     // try this
     console.log(data);
     // see what 'data' actually is
  }
});

然后点击F12在浏览器中查看控制台。

你确定你想要html的数据类型吗?你可能想要一个json或XML的数据类型,在ajax post之后服务器会返回给你什么呢?

票数 0
EN

Stack Overflow用户

发布于 2013-10-01 01:46:48

您必须取消表单的提交,这样ajax请求才会发生,否则将被取消。还可以使用.serialize获取表单数据的名称-值对字符串,以便在ajax调用中使用。

Html

代码语言:javascript
复制
<form id="MyForm">
  <button id="MyButtonId">Submit</button>
</form>

JS

代码语言:javascript
复制
$("#MyForm").submit(function(e){
   //Prevents the form from being submitted
   e.preventDefault();
   $.ajax({
     type: "POST",
     data: $("#MyForm").serialize(),
     url: "somescript.php",
     datatype: "html",
     data: dataString,
     success: function(data) {
       alert(data);
     }
   });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19100467

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档