javascript - Calling php function from jQuery -

javascript - Calling php function from jQuery -

i have savetestobject() method in php file, , need phone call html jquery. looked around there seems no finish illustration out there. appreciate one.

here's php file, called sm.php:

<?php switch($_post["functionname"]){ case 'savetestobject': savetestobject(); break; } function savetestobject() { echo "savetestobject called"; $object = parseobject::create("testobject"); $objectid = $object->getobjectid(); $php = $object->get("elephant"); // set values: $object->set("elephant", "phpserver"); //$object->set("today", new datetime()); $object->setarray("mylist", [1, 2, 3]); $object->setassociativearray( "languagetypes", array("php" => "awesome", "ruby" => "wtf") ); $object->save(); } ?>

my html form in smpage.html looks this:

<form> first name: <input type="text" name="fname"><br> lastly name: <input type="text" name="lname"><br> <input type="submit"/> </form>

how connect two, when press submit button savetestobject() function called?

both sm.php , smpage.html reside in save directory in web server's documents.

you've got jquery tagged, lets utilize $.post because you're switching on $_post["functionname"].

$("form").submit( function(event) { event.preventdefault(); $.ajax({ type: "post", url: 'sw.php', data: {"functionname": "savetestobject"}, success: function(response) { $("#response").html(response); } }); });

this send request sw.php, post info of functioname = savetestobject, calling function because of switch case.

edit

this create html file become like;

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <form> first name: <input type="text" name="fname"><br> lastly name: <input type="text" name="lname"><br> <input type="submit"/> </form> <script> $("form").submit( function(event) { event.preventdefault(); $.ajax({ type: "post", url: 'sw.php', data: { "functionname": "savetestobject", "fname" : $("form input[name=fname]").val(), "lname" : $("form input[name=lname]").val() }, success: function(response) { $("#response").html(response); } }); }); </script>

you can use;

$_post['functionname'] $_post['fname'] $_post['lname']

the success optional, see result of ajax request. if do, add together div id response file (<div id="reponse"></div>) somewhere you'd display result.

javascript php jquery html