7 examples of 'ajax pass data' in JavaScript

65
function run_ajax() {
66
    // Ajax to get the json:
67
68
    start_date = $('#start_date').val()
69
    end_date = $('#end_date').val()
70
    ticker = $("#ticker").find("option").filter(":selected").text();
71
72
    $.ajax({
73
        type: "GET",
74
        dataType: 'json',
75
        url: "/transactionsandcost_json?ticker=" + ticker + "&start=" + start_date + "&end=" + end_date,
76
        success: function (data) {
77
            $('#alerts').html("")
78
            console.log("ajax request: OK")
79
            console.log(data)
80
            handle_ajax_data(data, ticker, data['fx']);
81
82
        },
83
        error: function (xhr, status, error) {
84
            $('#alerts').html("<div class='small alert alert-danger alert-dismissible fade show' role='alert'>An error occured while refreshing data." +
85
                "<button type='button' class='close' data-dismiss='alert' aria-label='Close'><span aria-hidden='true'>&times;</span></button></div>")
86
            console.log(status);
87
        }
88
    });
89
};

121
function ajax(data) {
122
    data.dataType = "json";
123
    if (data.error == undefined) {
124
        data.error = function(error) {
125
            ajax_errors[data.url] = error;
126
            update_error_bar();
127
        }
128
    }
129
    var success;
130
    if (data.success != undefined) {
131
        success = data.success;
132
    } else {
133
        success = function(response) {};
134
    }
135
    data.success = function(response) {
136
        success(response);
137
        delete ajax_errors[data.url];
138
        update_error_bar();
139
    }
140
    return $.ajax(data);
141
}

80
function get(data){
81
	// If Pending Uploads
82
	if($('input#submit').attr('disabled') == 'disabled'){
83
		return false;
84
	}
85
86
	// Compute & Get JSON
87
	SirTrevor.onBeforeSubmit()
88
	return SirTrevor.instances[0].$el.val();
89
}

804
function postData() {
805
    $("#comment-container").load("/comments",{
806
        "parentComment.id" : $("[name='parentComment.id']").val(),
807
        "blog.id" : $("[name='blog.id']").val(),
808
        "nickname": $("[name='nickname']").val(),
809
        "email"   : $("[name='email']").val(),
810
        "content" : $("[name='content']").val()
811
    },function (responseTxt, statusTxt, xhr) {
812
        clearContent();
813
    });
814
}

58
function handle_ajax_data(data, tickers) {
59
    // Prepare data for charts
60
    var chart_data_list = [];
61
    // // Looping through Tickers (only ones that downloaded ok)
62
    $.each(tickers, function (key_ticker) {
63
        ticker = tickers[key_ticker]
64
        if (data[ticker + '_pos']) {
65
            // if (ticker != "USD") {
66
            // Prep data for chart
67
            tmp_dict = {};
68
            tmp_dict['name'] = ticker;
69
            tmp_dict['type'] = 'area';
70
            tmp_dict['turboThreshold'] = 0;
71
            // The line below maps in a format that HighCharts can understand. the *1 (for date) is necessary for some weird reason.
72
            // it maps to (date, value)
73
            tmp_dict['data'] = Object.keys(data[ticker + '_fx_perc']).map((key) => [((key * 1)), data[ticker + '_fx_perc'][key] * 100]);
74
            tmp_dict['yAxis'] = 0;
75
            chart_data_list.push(tmp_dict);
76
        }
77
    });
78
    createChart(chart_data_list);
79
};

89
function AJAXsuccess(value,id,response){
90
}

1
function ajaxQuery(data, cb) {
2
	var $body = $("body").addClass("loading");
3
	$.ajax({
4
		type: "POST",
5
		url: "/onboarding",
6
		data: data,
7
		dataType: "json",
8
		success: function(data){
9
			$body.removeClass("loading");
10
			cb && cb(data);
11
		},
12
		error: function(error) {
13
			$body.removeClass("loading");
14
			showMessage(json.error);
15
			if (!cb || !cb({error: error}))
16
				throw error;
17
		}
18
	});
19
}