blocks|key|4120390|text|尝试浏览此页面http://roshanbh.com.np/2008/04/ajax-login-validation-php-jquery.html+...我认为这正是您现在所需要的。如果你有任何困惑，请在这里回复。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4120391|entityMap|0|LINK|mutability|MUTABLE|url|http://roshanbh.com.np/2008/04/ajax-login-validation-php-jquery.html^0|7|1W|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Try going through this page <a href="http://roshanbh.com.np/2008/04/ajax-login-validation-php-jquery.html" rel="nofollow">http://roshanbh.com.np/2008/04/ajax-login-validation-php-jquery.html</a> ... i think this is precisely what you need now. If you have any confusion feel free to reply here.

blocks|key|4120418|text|如果您刚开始使用AJAX，我建议您使用jQuery+--它将为您提供跨浏览器的一切工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4120419|$('#id_of_your_submit_button').click(function(e){
++++$.ajax({
+++++++type:+"GET",
+++++++url:+"where_you_put_your_php.php",
+++++++data:+"some_info="+%2B+$('#your_input_or_whatever'),
+++++++success:+function(msg){
+++++++++++++$('#id_of_where_you_want_info_to_go').html(msg);
+++++++}
++++});
++++e.preventDefault();+//+Tell+submit+button+not+refresh+page
});|code-block|syntax|javascript|4120420|然后，您的表单信息(数据)将位于您放置$_GET['some_info']的文件中的一个名为PHP的变量中。echo出您想要返回到文档的内容，它将出现在您希望信息所在位置的ID中(请参阅代码中的名称。)|style|CODE|4120421|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/^0|J|6|0|0|0|J|I|1I|4|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@$A|10|B|11|K|L]|$A|12|B|13|K|L]]|9|@]|C|$]]|$1|M|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

I would suggest using <a href="http://jquery.com/" rel="nofollow">jQuery</a> if you're just getting into AJAX -- it will make everything work cross-browser for you.

<pre><code>$('#id_of_your_submit_button').click(function(e){
 $.ajax({
 type: "GET",
 url: "where_you_put_your_php.php",
 data: "some_info=" + $('#your_input_or_whatever'),
 success: function(msg){
 $('#id_of_where_you_want_info_to_go').html(msg);
 }
 });
 e.preventDefault(); // Tell submit button not refresh page
});
</code></pre>

Then your form info (data) will be in a variable called <code>$_GET['some_info']</code> in the file you put your PHP in. <code>echo</code> out what you want to return to the document, and it will appear in the ID of where you want info to go (see names in code.)

blocks|key|5588765|text|首先:阅读一下如何在你的网页中实现jQuery。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5588766|然后，您可以使用jQuery框架来处理ajax查询。|5588767|首先，像这样创建一段代码：|5588768|<?php
if(isset($_POST['ajax'])){
++++//Your+code+goes+here
}
?>|code-block|syntax|javascript|5588769|然后，创建一个Ajax函数：|5588770|$('#submit_button_id').click(function(){
++++jQuery.post('/webpage.php',{
++++++++'ajax'+:+true
++++},function(data){
++++++++//Stuff+for+your+page+to+do+when+your+page+call+loads.
++++},'html'
});|5588771|jQuery在他们的网站上有很多文档，所以你应该很容易弄清楚如何使用它。|5588772|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

First: Read up on how to implement jQuery into your webpage.

Then you can use the jQuery framework to handle your ajax query.

First, create a block of code like this:

<pre><code>&lt;?php
if(isset($_POST['ajax'])){
 //Your code goes here
}
?&gt;
</code></pre>

From there, create an Ajax function:

<pre><code>$('#submit_button_id').click(function(){
 jQuery.post('/webpage.php',{
 'ajax' : true
 },function(data){
 //Stuff for your page to do when your page call loads.
 },'html'
});
</code></pre>

jQuery has a lot of documentation on their website so you should easily figure out how to use it.

blocks|key|1498423|text|首先，使用jQuery库http://www.jquery.com！它极大地简化了javascript的使用。然后把你的|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1498424|<input+type='submit'+value='delete'+id="delete_button"+/>|code-block|syntax|javascript|1498425|引用jQuery库(最好把它放在html的最下面，标签的正上方)|1498426|然后在它后面添加如下所示的jQuery代码片段(您可能需要对其进行修改以满足您的需要，但我尽量接近它)|1498427|<script+type="text/javascript">

$(document).ready(function()+{+//+this+only+happens+when+DOM+is+fully+loaded

++++$('#delete_button').click(function(e){

++++++++var+int1Val+=+$('#int1').val();

++++++++$.post("your_page.php",
++++++++++++{+int1:+int1Val,+maybeSomeOtherVar:+"coolbeans+value"+},
++++++++++++function(data)+{+//+if+your_page.php+sends+any+response+back,+then+this+function+gets+called
++++++++++++alert("Data+loaded+from+server+POST:+"+%2B+data);
++++++++});

++++++++$('#someMessageDivID').text(int1Val);+//+to+immediately+display+the+form+value+somewhere

++++++++e.preventDefault();+//+I'm+not+sure+if+you+need+this+if+you+also+have+return+false+below,+but+I+always+put+both+just+to+make+sure+the+form+doesn't+submit+on+its+own,+because+we+have+already+done+it+above
++++++++return+false;

++++});

});

</script>|1498428|你可以用AJAX创建一些非常时髦的桌面风格的网页，所以请尽情地去了解它。我希望这能帮到你!|1498429|entityMap|0|LINK|mutability|MUTABLE|url|http://www.jquery.com/^0|C|L|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|15|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|16|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

First of all, use the jQuery library <a href="http://www.jquery.com" rel="nofollow">http://www.jquery.com</a>! It greatly simplifies working with javascript. Then give your 

<pre><code>&lt;input type='submit' value='delete' id="delete_button" /&gt;
</code></pre>

Reference the jQuery library (best to put it at the very bottom of your html, right above the tag)

 

Then follow it with a snippet of jQuery code like this (you will probably need to alter it to suit your needs, but I tried to get pretty close)

<pre><code>&lt;script type="text/javascript"&gt;

$(document).ready(function() { // this only happens when DOM is fully loaded

 $('#delete_button').click(function(e){

 var int1Val = $('#int1').val();

 $.post("your_page.php",
 { int1: int1Val, maybeSomeOtherVar: "coolbeans value" },
 function(data) { // if your_page.php sends any response back, then this function gets called
 alert("Data loaded from server POST: " + data);
 });

 $('#someMessageDivID').text(int1Val); // to immediately display the form value somewhere

 e.preventDefault(); // I'm not sure if you need this if you also have return false below, but I always put both just to make sure the form doesn't submit on its own, because we have already done it above
 return false;

 });

});

&lt;/script&gt;
</code></pre>

You can create some really snazzy desktop-feeling web pages with AJAX, so enjoy getting to know it. I hope this helps!

At the moment I have a form button which when clicked reloads the page and posts data which then runs a mySQL command, this works find but I need to show the data right away instead of refreshing again, I could reload the page after the query but that then drains my resources. Ive tried reading up on AJAX but I cant understand it (or get it to work!!) 

Can anybody show me how to go about this? My current code is...

<pre><code> elseif(isset($_POST['int1'])) {
 $interest = $_POST['int1']; 
 $qResult= mysql_query("DELETE from user_interests WHERE interest = '" . mysql_real_escape_string($interest) . "' and user_id = " . $usersClass-&gt;userID());
 if(! $qResult )
 {
 die('Could not delete data: ' . mysql_error());
 } 
 }
 if($interest1 != ''){
 print $interest1 . "&lt;form method='post' action='#'&gt;&lt;input type='hidden' value='".$interest1."' name='int1' id='int1'/&gt;&lt;input type='submit' value='delete' /&gt;&lt;/form&gt;&lt;br /&gt;";
 }
</code></pre>

How do I turn this into an AJAX function

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

目前我有一个表单按钮，当点击它重新加载页面并发布数据，然后运行一个mySQL命令，这工作查找，但我需要立即显示数据，而不是再次刷新，我可以在查询后重新加载页面，但这会耗尽我的资源。我试着阅读有关AJAX的资料，但是我不能理解它(或者让它工作！)有人能告诉我怎么做吗？我现在的代码是...    elseif(isset(...

问如何将其转换为AJAX函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将其转换为AJAX函数EN