ajax - Django Ajax-Jquery がデータをフェッチしない

Question

city_namejQuery-Ajax メソッドを使用してフォームからID を持つ入力テキスト フィールド データを取得できません。

私が取得し続けるエラーは"NetworkError: 403 FORBIDDEN - http://127.0.0.1:8000/dashboard".

フィールド型を使用してデータを取得する方法は知ってhiddenいますが、そのオプションはここでは使用できません。さらに、hiddenフィールドからデータを取得する方法は時代遅れです。では、Django-AjaxJquery メソッドを使用してデータを取得するにはどうすればよいでしょうか。

HTML

<form type = "POST">
            {% csrf_token %}    
            <input type="text" placeholder = "Enter City Name" id = "city_name">
            <input type="button" value = "On" id="on">
            <input type="button" value = "Off" id="off">
</form>

JS ファイル

$(function(){

    $("#on").click(function (event) {
        event.preventDefault();

        $.ajax({
            type: "POST",
            url: "dashboard",
            data : {
                'city_name' : $("#city_name").val(),
                   },

               });
    });
});

View.py

@login_required
def dashboard(request):
    ctx = {}

    if request.is_ajax():
        city_name = request.POST['city_name']
        print city_name

    return render_to_response('dashboard/dashboard.html',ctx, context_instance = RequestContext(request))

urls.py

urlpatterns = patterns('',
    url(r'^dashboard$','apps.dashboard.views.dashboard', name = 'llumpps_dashboard'),

    )