Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

Rev

Required fields*

php function call with ajax

I am trying to call a php function when an HTML button is clicked.i have done some searching and found that its impossible to do this directly and i should use ajax. so this is my attempt so far which is not working.this is my test.php and the function is also in this page.

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
 <script type="text/javascript">
 $(document).ready(function() {
 $('.NextPage').on('click', function() {
 $.ajax({
 url: 'test.php',
 data: {x: 1},
 type: 'POST',
 dataType: 'JSON',
 success: function(response) {
 alert(response);
 }
 });
 });
 });
 </script>
 </head>
 <body>
 <button type="button" class="NextPage">go to nextpage</button> 
 <?php
 if (isset($_POST['x'])) {
 if ($_POST['x'] == 1) {
 $data = function1();
 echo json_encode($data);
 exit;
 }
 }
 function function1() {
 return 'Hi user! im function #1';
 }
 function function2() {
 return 'Hi user! im function #2';
 }
 ?>

Answer*

First off, you need to set your button to `type="button"`, then, make an AJAX request, then the missing part on your code is the backend part which processes the request. Then the backend responds to that call. After that you can just do what you please on that response. Consider this example: 

 <?php

 // this part handles the AJAX request
 if(isset($_POST['x'])) {
 if($_POST['x'] == 1) {
 $data = function1();
 // a call has made, then give a response
 echo json_encode($data);
 exit;
 }
 }
 
 function function1() {
 // do some processing
 return 'Hi user! im function #1';
 }
 
 function function2() {
 return 'Hi user! im function #2';
 }
 
 ?>
 
 
 <button type="button" class="NextPage">go to nextpage</button>
 <div id="notification"></div>
 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
 <script type="text/javascript">
 $(document).ready(function(){
 $('.NextPage').click(function(){
 $.ajax({
 url: 'test.php',
 data: {x: 1},
 type: 'POST',
 dataType: 'JSON',
 success: function(response) {
 $('#notification').html('Your ajax call has been successful<br/> and this is a notification').css({background: 'yellow'});
 }
 });
 
 });
 });
 </script>

Draft saved

Draft discarded

Edit Summary*

Cancel

thank you for your answer,i edited my code.still not working ! nothing happens when i click the button

user3622910
– user3622910

2014年05月18日 08:17:49 +00:00
Commented May 18, 2014 at 8:17
@user3622910 on my example earlier, i used index.php on url on ajax, try to edit it and match the filename of the php that will handle that ajax call

user1978142
– user1978142

2014年05月18日 08:20:35 +00:00
Commented May 18, 2014 at 8:20
2

@user3622910: Instead of complaining "not working", please actually try to debug the issue. Use your browser's console to see if the POST request is being fired and whether you're getting any response back. View the page source. Keep trying — that's how you solve problems :)

Amal
– Amal

2014年05月18日 08:21:14 +00:00
Commented May 18, 2014 at 8:21
@kevinabelita i changed the url to test.php which is the same page of the function.

user3622910
– user3622910

2014年05月18日 08:22:53 +00:00
Commented May 18, 2014 at 8:22
@user3622910 okay you could check the edit now, we are now using the same jquery cdn (and check the js scripts).

user1978142
– user1978142

2014年05月18日 08:27:12 +00:00
Commented May 18, 2014 at 8:27

| Show 3 more comments

How to Edit

Correct minor typos or mistakes
Clarify meaning without changing it
Add related resources or links
Always respect the author’s intent
Don’t use edits to reply to the author

How to Format

create code fences with backticks ` or tildes ~
```
like so
```
add language identifier to highlight code
```python
def function(foo):
print(foo)
```
put returns between paragraphs
for linebreak add 2 spaces at end
_italic_ or **bold**
indent code by 4 spaces
backtick escapes `like _so_`
quote by placing > at start of line
to make links (use https whenever possible)

<https://example.com>

[example](https://example.com)

<a href="https://example.com">example</a>

formatting help »
answering help »

How to Tag

A tag is a keyword or label that categorizes your question with other, similar questions. Choose one or more (up to 5) tags that will help answerers to find and interpret your question.

complete the sentence: my question is about...
use tags that describe things or concepts that are essential, not incidental to your question
favor using existing popular tags
read the descriptions that appear below the tag

If your question is primarily about a topic for which you can't find a tag:

combine multiple words into single-words with hyphens (e.g. python-3.x), up to a maximum of 35 characters
creating new tags is a privilege; if you can't yet create a tag you need, then post this question without it, then ask the community to create it for you

popular tags »

default

CollectivesTM on Stack Overflow

php function call with ajax

Answer*