大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。
【后端】——add.php
<?php // 返回JSON格式 header('Content-Type:application/json;charset=utf-8'); $result = array(); $result["result"] = $_GET["a"] + $_GET["b"]; echo json_encode($result, JSON_NUMERIC_CHECK); ?>
test-jquery-ajax
代码仓库位于bitbucket使用Hg(而不是Git),Hg在windows或ubuntu上均有非常好用的GUI工具——TortoiseHg,本人愚笨没能熟练掌握Git。
TortoiseHg使用说明】——假设没有使用过Hg请參考博文hg clone部分操作就可以。
JQuery 中文API】
var submit_async = function() { $.getJSON('add.php', { a: $('input[name="a"]').val(), b: $('input[name="b"]').val() }, function(data) { $('#result').text(data.result); }); };
var submit_async = function() { $.getJSON('add.php', { a: $('input[name="a"]').val(), b: $('input[name="b"]').val(), now: new Date().getTime() // 防止浏览器使用缓存 }, function(data) { $('#result').text(data.result); }); };
var submit_sync = function() { $.ajax({ type: "get", url: 'add.php', async: false, // 使用同步方式 data: { a: $('input[name="a"]').val(), b: $('input[name="b"]').val(), now: new Date().getTime() // 注意不要在此行添加�逗号 }, contentType: "application/json; charset=utf-8", dataType: "json", // cache: false, success: function(data) { $('#result').text(data.result); } // 注意不要在此行添加�逗号 }); }
cache选项,假设设置为cache:false意为禁止浏览器缓存。实现的方法和【2】很相似,该參数在URL之后添�&_=<当前时间毫秒值>
var submit_sync = function() { $.ajax({ type: "get", url: 'add.php', async: false, // 使用同步方式 data: { a: $('input[name="a"]').val(), b: $('input[name="b"]').val() }, contentType: "application/json; charset=utf-8", dataType: "json", cache: false, success: function(data) { $('#result').text(data.result); } // 注意不要在此行添加�逗号 }); }
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/118654.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...