doukanwa6872
2012-02-05 21:42
浏览 96

在Native iPhone Phonegap应用程序上使用jQuery .ajax()或.post()提交表单?

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!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • douturan1807 2012-02-06 00:45
    已采纳

    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=john@smith.com',
       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:'john@smith.com'},
           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!

    点赞 评论

相关推荐 更多相似问题