<input type="submit" value="确认支付" />
<script type="text/javascript">
$(function(){
$("#pay_btn").bind("click",ABC.balancePay);
});
2.脚本处：
如果使用$.post方式实现：
复制代码 代码如下:
var ABC = {
balancePay: function(event){
event.preventDefault();
var tthis = $(event.currentTarget);
var form = tthis.parents(‘form');
var url = form.attr(‘action');
var data = ‘code=15′ ;//+ $(‘#verifyCode').val();
var jqXhr = $.post(url, data, undefined, ‘jsonp');
jqXhr.done(function(datas){
//console.log(‘这里是通过console打印出来的'); //#4
$("#msg").text(‘结果:'+data);
});
}
$.post方式也可以直接指定回调函数：
复制代码 代码如下:
var jqXhr = $.post(url, data, function(data){
$("#msg").text('结果:'+data);
}, 'jsonp');
使用$.ajax方法实现：
复制代码 代码如下:
var jqXhr = $.post(url, data, function(data){
$("#msg").text(‘结果:'+data);
}, ‘jsonp');
使用$.ajax方法实现：
复制代码 代码如下:
var jqXhr = $.ajax({
type: ‘post',
url: url,
data: {code: ‘15′},
dataType: ‘jsonp',
sccuess:function(data){
alert(‘good');},
error: function(XMLHttpRequest, textStatus, errorThrown) { //#3这个error函数调试时非常有用，如果解析不正确，将会弹出错误框
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus); // paser error;
},
});
3.服务器端：
复制代码 代码如下:
public function actionInterPayProc($callback)
{
//header("content-type: text/javascript");
//header(‘Content-type: text/html; charset=utf-8′);
$code = $_POST['code'];
//$code //#1 此处给出一个有语法错误的表达式
//echo $code; //#2 此处标记，用于后面调试说明；
…
$result = 1;
//echo $_POST['callback']. ‘(‘ . json_encode($result) . ‘);';//注意使用的编码方式需要和客户端请求保持一致；
exit(0);
}
调试工具
Firefox有强大FireBug 插件，现在比较新的浏览器如 Chrome 和 Safari，以及 IE 8都内置了调试工具，借助于这些调试工具，可以非常详细的查看 Ajax 的执行过程（chrome和firefox中调出调试工具的快捷键是ctrl+shift+c)；
以下使用FireBug；
1.使用firebug，查看回调：
对于Ajax方法，是通过异步执行的服务器端程序，如果服务器端出错，在页面上不会显示的，我们需要借助调试工具来查看；例如，将以上示例中#2的注释去掉，触发ajax请求一次，可以在控制台面板中查看到错误的返回结果：
如果是服务器端程序出错，也可以直接看到，出错原因跟一般普通的页面一样，只不过是在ajax返回的面板中查看（web浏览器页面中不会有任何显示）。
这里需要说明的是，如果在服务器端使用了echo等方法将需要查看的变量打印出来了，那么，ajax调用的结果一定是失败的，因为这样看上去的回调函数名称被更改了，造成无法解析；
例如，打印的变量是333，那么最后回调的结果是：333ajaxcallbak(1);客户端寻找333ajaxcallbak这个函数名，无法解析。
2.使用error函数打印错误信息：
$.ajax()有一个error参数，可以指定一个函数，在请求失败时，将调用此方法。这里给出的信息，对于调试来说，非常有用；
error：function (XMLHttpRequest, textStatus, errorThrown)
error事件返回的第一个参数XMLHttpRequest有一些有用的信息：
XMLHttpRequest.readyState:
其返回的状态码对应了一种错误说明：
状态码
0 －（未初始化）还没有调用send()方法
1 －（载入）已调用send()方法，正在发送请求
2 －（载入完成）send()方法执行完成，已经接收到全部响应内容
3 －（交互）正在解析响应内容
4 －（完成）响应内容解析完成，可以在客户端调用了
XMLHttpRequest.status:
这里返回的状态码就是我们日常见到的HTTP状态；比如404，表示没有找到页面；
textStatus:
"timeout", "error", "notmodified" 和 "parsererror"。