jQuery ajax字符串还是数组？

Question

jQuery('body').on('click','#submit', function(){
    var name = $('input[name=name]').val();
    var email = $('input[name=email]').val();
    var phone = $('input[name=phone]').val();
    var message = $('textarea[name=message]').val();
    var dataString = 'name='+ name +'&email='+ email +'&phone='+ phone +'&message='+ message;

    var isValid = !jQuery('input[name=name],input[name=email],input[name=phone],textarea[name=message]').filter(function() {return !this.value;}).length;
    if (isValid){
        jQuery.ajax({
            type: "POST",
            url: "/submit.php",
            data: dataString,
            success: function(data) {
                d =  jQuery.parseJSON(data);
                d = d.sent;
                if (d == 1){
                    jQuery('input[name=fname], input[name=lname], input[name=email], input[name=phone], textarea[name=message]').val('');
                }
            }
        });
    } else {
        console.log('Empty fields');
    }
});

At the moment I use pieces of jQuery like above to collect the values of each input and textarea then send them off to my submit.php file.

I'm wondering if there are any better ways of sending off data using ajax as I currently send the data off in a string such as

var dataString = 'name='+ name +'&email='+ email +'&phone='+ phone +'&message='+ message;

Thanks

Answer 1

You should create an object:

var DataObj = JSON.stringify({ name: name , email: email, ... }),

That way you can add arrays, lists etc if you need to in the future.

and then the request looks like:

jQuery.ajax({
            type: "POST",
            url: "/submit.php",
            data: DataObj,
            success: function(data) {
                d =  jQuery.parseJSON(data);
                d = d.sent;
                if (d == 1){
                    jQuery('input[name=fname], input[name=lname], input[name=email], input[name=phone], textarea[name=message]').val('');
                }
            }
        });