在Native iPhone Phonegap应用程序上使用jQuery .ajax（）或.post（）提交表单？

Question

I was wondering how will I use jQuery's .ajax() or .post() to send data to a php file on my webserver from a Phonegap Native iPhone App?
Does it have to be xml or json? Or can I just send regular html post data to the file?

If you can show me an example that would be great!

UPDATE: Thanks Drew for the stellar solution! I also found an article that explained the process pretty well too.

UPDATE 2: There is a problem with my script.

Here is my javascript. I am trying to have jQuery send my sign in form data over to my PHP file. I then tell it to grab the data from the php file and display it. But all that is coming back is "null". If I request another value such as bio, it can display it. But it cant display data sent from my form.

<script type="text/javascript">
    $(document).ready(function() {
        $("img").click(function() {
            var data = $('form#signin').serialize();
            $.ajax({
                url:'signin.php',
                type:'POST',
                data: data,
                success:function(data) {
                    $("p.test").html(data);
                    $.getJSON("signin.php", function(data) {
                        localStorage.email = data[0];

                    });
                },
                error:function(data) {
                }
            });
        });
    });
</script>

Here is my PHP

<?php

$email = $_POST["email"];

$profile = array($email, "Karl", "Clement", "Gangsta Love!", "bio bio bio bio bio bio    bio     bio bio bio bio bio bio bio bio bio bio bio", "Ottawa",     "http://a3.twimg.com/profile_images/1459354642/IMG_1560_normal.jpg");

header('Content-Type:text/json');
echo json_encode($profile);

?>

Thank you so much for your help!

Answer 1

your best bet is JSON, but you can submit like a normal form. Try some experiments -

$.ajax({
   url:'formPage.php',
   type:'POST',
   data:'name=john&email=[e-mail]',
   success:function(data){
     console.log(data);
   },
   error:function(w,t,f){
     console.log(w+' '+t+' '+f);
   }
});

should work just fine. You could also just do JSON

    $.ajax({
       url:'formPage.php',
       type:'POST',
       data:{name:'john',email:'[e-mail]'},
       success:function(data){
         console.log(data);
       },
       error:function(w,t,f){
         console.log(w+' '+t+' '+f);
       }
    });

To start I would just have your app send a request to your server and have it return a statement, that way you can see that it connects and responds, then start passing variables!