Processing PHP page using AJAX in MVC

Question

I have a form and I want to add AJAX functionality to this form.

Architecture: MVC

I have a basic form like this:

<form id="customForm" method="post">
        <input type="text" id="name" name="zone_name" value="" class="input-block-level" />
        <button type="submit" id="save" >Save</button>
  </form>

I have this JS on my MVC-View:

$('#save').click(function()
{
    var name = $('#name').val();
    $.ajax
    ({
    type: 'POST',
    url: 'http://localhost/myApp/process',
        data: "{name:"+name+"}",
            success: function (result) {
                alert(result);
            },
            error: function () {  
            alert('fail');              
            }
        });
    });

I have a process class which is there in controller and have this code within

class process {
    function __construct() {
        echo 'Constructor';
    }
}

But Doing all this gives me Error message through AJAX. Why is this happening? Is there any other way of doing this. Here under is snapshot:

enter image description here

Here under is my .HTACCESS rule

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-l

RewriteRule ^(.+)$ index.php?url=$1 [QSA,L]

So when I am directly navigation to my process class its working. But not with AJAX. What would be the possible reason for this?? Here under is the screenshot:

enter image description here

When you navigate to it you are using GET, then when you use Ajax you are using POST, is your controller RESTful? Do you define your routes somewhere and have to make them respond to more than one HTTP Verb? — ɴᴀᴛᴇ ᴅᴇᴠ
– ɴᴀᴛᴇ ᴅᴇᴠ, Commented Jul 23, 2013 at 7:34
No actually i am accessing it on a page called localhost/myApp/myPage And on there the Ajax is calling this process class... — Django Anonymous
– Django Anonymous, Commented Jul 23, 2013 at 7:36
1. you don't need " here: "{name:"+name+"}", you need an object, not a string: data: {name: name}, — vladkras
– vladkras, Commented Jul 23, 2013 at 7:38
@FDL what if he wants to send only name, and just didn't include other fields in his example to make it shorter? — vladkras
– vladkras, Commented Jul 23, 2013 at 7:45

daghan · Accepted Answer · 2013-07-23 07:52:38Z

2

your button must not submit the form, make its type button:

<button type="button" id="save" >Save</button>

answered Jul 23, 2013 at 7:52

daghan

1,07612 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Konsole · Accepted Answer · 2013-07-23 08:04:52Z

0

What is the ajax status code? Is it generating any error message? You can get the status code as:

$('#save').click(function(e)
{
    e.preventDefault(); //prevent default button action
    var name = $('#name').val();
    $.ajax
    ({
    type: 'POST',
    url: 'http://localhost/myApp/process',
        data: "{name:"+name+"}",
            success: function (result) {
                alert(result);
            },
            error: function (xhr, status, errorMessage) {  
             alert(xhr.status);              
            }
        });
    });

If the status code is zero the network access my be forbidden. I see localhost in your ajax url and 192.168.1.6 in your alert box.

edited Jul 23, 2013 at 8:04

answered Jul 23, 2013 at 7:44

Konsole

3,4753 gold badges31 silver badges41 bronze badges

4 Comments

Konsole Over a year ago

This thread has some good explanation on ajax status code zero stackoverflow.com/questions/2000609/jquery-ajax-status-code-0

Django Anonymous Over a year ago

OK on this note stackoverflow.com/a/2016085/1182021 I don't think any XSS is happening and page does not exist as I am able to access the page through http://localhost/myApp/process

Konsole Over a year ago

Check the ajax call in firebug. The firebug generally displays ajax error like 500 Internal Server Error and 403 Forbidden error. I think this function is not available in chrome element inspector.

Konsole Over a year ago

I suspect that your ajax call is not being complete because the submit button reloads the page before getting the ajax response. Sorry for bad english.

Collectives™ on Stack Overflow

Processing PHP page using AJAX in MVC

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related