JQuery AJAX calling PHP Fine Diff result gives wrong value - php

Question

I'm using Fine Diff from https://github.com/gorhill/PHP-FineDiff in CI. When I use it without JQuery (and AJAX), the results are fine. (I really didn't edit anything)
But when I load it into a div using JQuery, it gives different results
Here's the block of code I'm using in JQuery:
var id = $(document).find('title').text();
var dataString = 'record_type='+recordtype+'&content='+content+'&id='+id+'&series_number='+number;
var prev = $.ajax({
url: getBaseUrl()+'/index.php/edititems/doc/'+id,
type: 'post',
data: dataString,
async: false
}).responseText;
$('.placeholder').html(prev);
And here's the CI code (the same controller and function being used):
$data['doc'] = $this->LoadDb->preview($this->uri->segment(3));
$this->load->library('ciqrcode');
$params['data'] = base_url().'assets/pdfs/'.$data['doc']['record_id'].'.pdf';
$params['level'] = 'H';
$params['size'] = 10;
$params['savename'] = FCPATH.'tes.png';
$this->ciqrcode->generate($params);
$data['doc']['qr'] = '<img src="tes.png" style="height:90px;"/>';
$from_text = $data['doc']['content'];
require_once(APPPATH.'libraries/finediff.php');
$cache_lo_water_mark = 900;
$cache_hi_water_mark = 1100;
$compressed_serialized_filename_extension = '.store.gz';
$granularity = 0;
// $from_text = '';
$to_text = '';
$diff_opcodes = '';
$diff_opcodes_len = 0;
$data_key = '';
$start_time = gettimeofday(true);
$granularity = max(min(intval(2),3),0);
if ( !empty($this->input->post('content')) ) {
$to_text = $this->input->post('content');
}
// limit input
$from_text = substr($from_text, 0, 1024*100);
$to_text = substr($to_text, 0, 1024*100);
// ensure input is suitable for diff
$from_text = mb_convert_encoding($from_text, 'HTML-ENTITIES', 'UTF-8');
$to_text = mb_convert_encoding($to_text, 'HTML-ENTITIES', 'UTF-8');
$granularityStacks = array(
FineDiff::$paragraphGranularity,
FineDiff::$sentenceGranularity,
FineDiff::$wordGranularity,
FineDiff::$characterGranularity
);
$diff_opcodes = FineDiff::getDiffOpcodes($from_text, $to_text, $granularityStacks[$granularity]);
$diff_opcodes_len = strlen($diff_opcodes);
$exec_time = gettimeofday(true) - $start_time;
if ( $diff_opcodes_len ) {
$data_key = sha1(serialize(array('granularity' => $granularity, 'from_text' => $from_text, 'diff_opcodes' => $diff_opcodes)));
$filename = "{$data_key}{$compressed_serialized_filename_extension}";
if ( !file_exists("./cache/{$filename}") ) {
// purge cache if too many files
if ( !(time() % 100) ) {
$files = glob("./cache/*{$compressed_serialized_filename_extension}");
$num_files = $files ? count($files) : 0;
if ( $num_files > $cache_hi_water_mark ) {
$sorted_files = array();
foreach ( $files as $file ) {
$sorted_files[strval(#filemtime("./cache/{$file}")).$file] = $file;
}
ksort($sorted_files);
foreach ( $sorted_files as $file ) {
#unlink("./cache/{$file}");
$num_files -= 1;
if ( $num_files < $cache_lo_water_mark ) {
break;
}
}
}
}
// save diff in cache
$data_to_serialize = array(
'granularity' => $granularity,
'from_text' => $from_text,
'diff_opcodes' => $diff_opcodes,
'data_key' => $data_key,
);
$serialized_data = serialize($data_to_serialize);
#file_put_contents("./cache/{$filename}", gzcompress($serialized_data));
#chmod("./cache/{$filename}", 0666);
}
}
$rendered_diff = FineDiff::renderDiffToHTMLFromOpcodes($from_text, $diff_opcodes);
$from_len = strlen($from_text);
$to_len = strlen($to_text);
echo "<i>Original Text:<br></i>".$from_text."<br>";
echo $data['doc']['content'] = "<i>Edited Text<br></i>".htmlspecialchars_decode($rendered_diff);
$content = preg_replace('/<del\b[^>]*>(.*?)<\/del>/i', "", $rendered_diff);
echo '<i>New Text:</i>'.htmlspecialchars_decode(preg_replace('/<\/?ins[^>]*\>/i', "", $content));
Anyone encountered the same problem? Please help. Thank you.

Answer 1

I edited my script and it's working well now. Instead of passing dataString through AJAX, I passed the form data itself using data: $('form').serialize().