jquery - Ajax not making changes -

-

i'm working through book on php , jquery , i've encountered problem ajax, in not post it's changes , display them.

    <head>     <meta charset="utf-8" />     <title>testing jquery</title> </head> <body>     <p>hello world!</p>     <p class="foo">another paragraph, 1 ahs class.</p>     <p><span>this span in paragraph</span></p>     <p id="bar">paragraph id.         <span class="foo">and sentence in span</span>     </p>     <script src="jquery.validate.min.js"></script>     <script src="jquery/ajax.js"></script>     <script src="jquery/jquery-1.8.3.min.js"></script>      <form action="#" method="post">         <fieldset>             <legend>sign form</legend>             <label for="name">name</label><br/>             <input name="name" id="name" type="text" /><br/>             <label for="password">password</label><br/>             <input name="password" id="password"                    type="password" /><br/>             <label>                 <input id="mycomp" type="radio" name="loc" />                 i'm on computer.             </label><br/>             <label>                 <input id="shared" type="radio" name="loc" checked="checked" />                 i'm on shared computer.             </label>             <input type="submit" value="log in" /><br/>             <label>                 <input id="signedin" type="checkbox" name="notify"                        disabled="true"/>                 keep me signed in on computer.             </label><br/>         </fieldset>     </form>  </body> </html>

here code test site. it's exceedingly simple yet ajax query won't modify it:

    $.ajax({   "type":"post",   "url":"ajax.php",   "data":"var1=val1&var2=val2",   "success":function(data){     $("#bar")     .css("background","yellow")     .html(data);   } });

i'm running through firebug console, , seems functioning correctly, nothing happening.

well, try explain all. first, when want send form ajax, don't use submit , attributes of tag . assign function button or element submit form, , function call ajax, example.

with html, jquery code:

$('input[type=submit]').click(submitform); function submitform(){ $.ajax({    "type":"post",    "url":"ajax.php",    "data":"var1=val1&var2=val2",    "success":function(data){        $("#bar")        .css("background","yellow")        .html(data);    }  }); }

and if post, must send variables in array or this:

"data": {    var1:val1,    var2:val2  }

you receive in $_post[var1] , $_post[var2] in ajax.php.

so javascript/jquery code this:

$('input[type=submit]').click(submitform); function submitform(){ $.ajax({   "type":"post",   "url":"ajax.php",   "data": {        var1:val1,        var2:val2      },   "success":function(data){     $("#bar")     .css("background","yellow")     .html(data);   } }); }

if have question, tell me. hope useful you.


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more