使用jQuery AJAX加载php内容

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用jQuery AJAX加载php内容，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1243字，纯文字阅读大概需要2分钟。

内容图文

我的问题：

我有index.html：

<form action="toload.php" method="post">
Input: <input type="text" name="something" value="" /><br />
<input type="submit" value="Submit!" />
</form>

toload.php类似于：

<?php

echo "Your input was: " . $_POST["something"];

?>

问题很简单.

当我按提交！按钮,我想动态加载index.html中的内容toload.php,而无需刷新.

提前致谢！请评论以进行任何必要的澄清.

编辑,更详细的解释：

我不确定自己是否很清楚(或者我可能不了解我缺乏技术技能的答案),所以我再说一遍. (改写)

我有一个带有提交按钮的HTML,该按钮通过POST方法发送变量.

PHP文件使用此变量,并在经过特定过程后插入并更新MySQL数据库,并回显一些其他内容.

这是很好的工作.

但是现在我想通过避免页面“重新加载”(转到.php)来改进它.

我希望作为HTML文件输出的HTHL在HTML页面中动态显示.

现在更清楚了吗？

解决方法:

jQuery之类的东西！：

<form action="toload.php" method="post">
Input: <input type="text" id="something" name="something" value="" /><br />
<input type="submit" value="Submit!" onclick="submitme()" />
<div id="something2"></div>
</form>

以及提交功能：

function submitme(){
var tosend=document.getElementById("something").value;
$.ajax({
        type: 'POST',
        url: 'toload.php',
        data: 'something='+tosend,
        success: function(msg){
            if(msg){
                document.getElementById("something2").innerHTML=msg;
            }
            else{
                return;
            }
        }
    });
}

内容总结

以上是互联网集市为您收集整理的使用jQuery AJAX加载php内容全部内容，希望文章能够帮你解决使用jQuery AJAX加载php内容所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端