jQuery で ajax をﾄﾗｲしてみようと勉強し始めていますが､質問がありますのでよろしくお願いします｡ IE10でﾃｽﾄしています｡ 1. 以下の補足にあるｺｰﾄﾞが ajax とい…

jQuery で ajax をﾄﾗｲしてみようと勉強し始めていますが､質問がありますのでよろしくお願いします｡
IE10でﾃｽﾄしています｡

1. 以下の補足にあるｺｰﾄﾞが ajax というのかよくわかりませんが､ $.ajax であっさりpostできてしまい mysql に書き込むことができました｡
そこで､$.ajax の処理が完了するまで form の submit ﾎﾞﾀﾝをｸﾞﾚｰｱｳﾄにし､完了したらｱｸﾃｨﾌﾞにするというのはできますか？
あと､通信ｴﾗｰなどの処理でｱﾄﾞﾊﾞｲｽがあればよろしくお願いします｡

2. 以下2つは何か違うのですか？どっちを書いても動きます｡今のところ｡
･<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
･<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!DOCTYPE html>
<html lang="ja">
<head>
<{$content_type|smarty:nodefaults}>
<link rel="stylesheet" href="<{$root_surl}>css/master.css" type="text/css">
<!--<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
var select_id = 0;

//--- ﾗｼﾞｵﾎﾞﾀﾝ
function quesFunc(){
if(select_id == this.id) return;
$(this).addClass("selected");
$("#" + select_id).removeClass("selected");
select_id = this.id;
var str = $("#" + select_id).text();

$(".nextBtn input[name='cselect']").val(select_id);
$(".qSelect").text(str);
ajaxQuestion();
}

//--- ajax
function ajaxQuestion(){
var id = '<{$xid}>';
$.ajax({
type: 'post',
url: 'ajax_question.php', 
data: {id:xid, selectid:select_id}, 
success: function(data){
} 
}); 
}

$(function(){ //---回答処理
$("ul>li").click(quesFunc);
});
</script>

</head>

<body>
<ul>
<li id="1">aaaaa</li>
<li id="2">bbbbb</li>
<li id="3">ccccc</li>
</ul>

<form class="nextBtn" action="<{$app_url}>" method="post" target="_self">
<input type="hidden" name="cselect" value="">
<input type="submit" value="次へ">
</form>

</body>
</html>

そこで､$.ajax の処理が完了するまで form の submit ﾎﾞﾀﾝをｸﾞﾚｰｱｳﾄにし､完了したらｱｸﾃｨﾌﾞにするというのはできますか？
あと､通信ｴﾗｰなどの処理でｱﾄﾞﾊﾞｲｽがあればよろしくお願いします｡

まずは､ajaxQuestion() 関数をちょっといじってみましたので､それを見てください｡

function ajaxQuestion(){
 // submit ﾎﾞﾀﾝを無効化しておく
 $(".nextBtn input[type='submit']").attr("disabled", true); // ★

 var id = '<{$xid}>';
 $.ajax({
 type: 'post',
 url: 'ajax_question.php', 
 data: {id:xid, selectid:select_id}, 
 success: function(data){
 // 成功したら submit ﾎﾞﾀﾝを有効にする
 $(".nextBtn input[type='submit']").attr("disabled", false); // ★
 }, // ← ｶﾝﾏをつけてます 
 error: function(jqXHR, status, error) {
 // ここにｴﾗｰ処理を書きます

 // ｴﾗｰのときもsubmit ﾎﾞﾀﾝを有効にしておく
 $(".nextBtn input[type='submit']").attr("disabled", false); // ★
 }
 }); 
}

submit ﾎﾞﾀﾝの無効化については､お尻に｢★｣をつけた行を見てください｡

ｴﾗｰ処理については､$.ajax() のﾊﾟﾗﾒｰﾀで error を指定することで行います｡
ﾊﾟﾗﾒｰﾀの意味についてはﾏﾆｭｱﾙをご覧ください｡
settings の中の error の項目です｡
http://api.jquery.com/jQuery.ajax/

基本的に､error で指定した処理に渡るときは､にっちもさっちも行かなくなっていると思うので､status の値を見ずに｢ごめんなさい｣だけでも良いような気もします｡

2. 以下2つは何か違うのですか？どっちを書いても動きます｡今のところ｡

同じものです｡
code.jquery.com の方が本家なので､新しいﾊﾞｰｼﾞｮﾝのものは､こちらから先にｱｸｾｽできるようになると思います｡
ajax.googleapis.com の方は､Google がﾎｽﾄ(提供)してくれているものです｡

Google は､jQuery の他にも､色々なﾗｲﾌﾞﾗﾘをﾎｽﾄしてくれています｡
https://developers.google.com/speed/libraries/devguide?hl=ja